56c0d6403c
refactor: go fully native — remove all remaining shadcn component usage
...
Replace shadcn Select → native <select>:
- ascii/FontPreview.tsx: comment-style picker → glass pill wrapper
with MessageSquareCode icon + native select
- color/ExportMenu.tsx: format + color-space pickers → native select
with shared selectCls
- units/MainConverter.tsx: from/to unit pickers → native select
Delete dead code:
- components/media/FormatSelector.tsx (not imported anywhere,
used shadcn Input + Label + Card)
- components/ui/select.tsx — now unused
- components/ui/input.tsx — now unused
- components/ui/label.tsx — now unused
- components/ui/card.tsx — now unused
Remaining components/ui/:
slider.tsx, tooltip.tsx (TooltipProvider in Providers.tsx),
slider-row.tsx, color-input.tsx
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-03-01 13:25:02 +01:00
0727ec7675
refactor: refactor color tool to match calculate blueprint
...
Rewrites all color components to use the glass panel design language,
fixed-height two-panel layout, and tab-based navigation.
- ColorManipulation: lg:grid-cols-5 split — left 2/5 shows ColorPicker
+ ColorInfo always; right 3/5 has Info/Adjust/Harmony/Gradient tabs;
mobile 'Pick | Explore' switcher
- ColorPicker: removes shadcn Input/Label, native input with dynamic
contrast color matching the picked hue
- ColorInfo: removes shadcn Button, native copy buttons on hover,
metadata chips with bg-primary/5 background
- ManipulationPanel: keeps Slider, replaces Button with glass action
buttons, tighter spacing and muted labels
- ExportMenu: keeps Select, replaces Buttons with glass action buttons,
code preview in dark terminal box (#06060e)
- ColorSwatch: rectangular full-width design for palette grids,
hover reveals copy icon, hex label at bottom
- PaletteGrid: denser grid (4→5 cols), smaller swatch height
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-03-01 08:15:33 +01:00
