etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-29 18:13:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(cabinet-icons): use regular Phosphor weight and switch wheel to dice

Browse Source 
- Drop the Duotone variants (their translucent secondary fill looked murky on
  the dark theme) in favour of the clean regular weight across all icons
- WheelIcon: PiSteeringWheel → PiDiceFive (a steering wheel made no sense for
  the fortune-wheel feature)
This commit is contained in:
c0mrade
2026-05-31 19:24:29 +03:00
parent b8be98939a
commit 0a89838926
13 changed files with 297 additions and 311 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/admin/MenuEditorTab.tsx
View File

@@ -18,7 +18,7 @@ import {
verticalListSortingStrategy,
} from '@dnd-kit/sortable';
import { CSS } from '@dnd-kit/utilities';
import { PiCaretDownDuotone } from 'react-icons/pi';
import { PiCaretDown } from 'react-icons/pi';
import {
GripIcon,
TrashIcon,
@@ -41,9 +41,7 @@ import { useNotify } from '../../platform/hooks/useNotify';
import { useNativeDialog } from '../../platform/hooks/useNativeDialog';
const ChevronIcon = ({ expanded }: { expanded: boolean }) => (
<PiCaretDownDuotone
className={`h-3.5 w-3.5 transition-transform ${expanded ? 'rotate-180' : ''}`}
/>
<PiCaretDown className={`h-3.5 w-3.5 transition-transform ${expanded ? 'rotate-180' : ''}`} />
);
function generateId(): string {

4
src/components/admin/SortableSelectedMethodCard.tsx
View File

@@ -1,7 +1,7 @@
import { useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useSortable } from '@dnd-kit/sortable';
import { PiCaretDownDuotone } from 'react-icons/pi';
import { PiCaretDown } from 'react-icons/pi';
import { CSS } from '@dnd-kit/utilities';
import { cn } from '../../lib/utils';
import { GripIcon, TrashIcon } from '../icons/LandingIcons';
@@ -11,7 +11,7 @@ import type { PaymentMethodSubOptionInfo } from '../../types';
export type MethodWithId = AdminLandingPaymentMethod & { _id: string };
const ChevronDownIcon = ({ open }: { open: boolean }) => (
<PiCaretDownDuotone className={cn('h-5 w-5 transition-transform', open && 'rotate-180')} />
<PiCaretDown className={cn('h-5 w-5 transition-transform', open && 'rotate-180')} />
);
interface SortableSelectedMethodProps {

8
src/components/admin/trafficUsage/TrafficIcons.tsx
View File

@@ -6,7 +6,7 @@
// thin local wrapper over the panel's Phosphor caret icons.
// ──────────────────────────────────────────────────────────────────
import { PiCaretDownDuotone, PiCaretUpDownDuotone, PiCaretUpDuotone } from 'react-icons/pi';
import { PiCaretDown, PiCaretUpDown, PiCaretUp } from 'react-icons/pi';
export {
CalendarIcon,
@@ -27,9 +27,9 @@ export {
export const SortIcon = ({ direction }: { direction: false | 'asc' | 'desc' }) =>
direction === 'asc' ? (
<PiCaretUpDuotone className="ml-1 inline h-3 w-3" />
<PiCaretUp className="ml-1 inline h-3 w-3" />
) : direction === 'desc' ? (
<PiCaretDownDuotone className="ml-1 inline h-3 w-3" />
<PiCaretDown className="ml-1 inline h-3 w-3" />
) : (
<PiCaretUpDownDuotone className="ml-1 inline h-3 w-3" />
<PiCaretUpDown className="ml-1 inline h-3 w-3" />
);