valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
205 Commits 1 Branch 0 Tags
ba118be485792357ab84e24ef98a2ade1adc6fc8
Commit Graph

8 Commits

Author SHA1 Message Date
Sebastian Krüger
6ecdc33933 feat: add cardBtn style for card title row buttons 
Smaller variant for buttons that sit next to section labels in card headers
(Preview, Color, Results rows). Applied to QRPreview, FontPreview,
ColorManipulation, and FileConverter.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-03 10:36:19 +01:00
Sebastian Krüger
3305b12c02 refactor: centralize action/icon button styles across all tools 
Extract shared actionBtn and iconBtn constants into lib/utils/styles.ts
and replace all 11 local definitions across tool components.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-03 10:26:53 +01:00
Sebastian Krüger
d476ffb613 refactor: extract MobileTabs shared component, replace in all 8 tools 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-01 16:14:56 +01:00
Sebastian Krüger
b5f698cf29 fix: reduce main layout height offset from 180px to 120px across all tools 
Also restore scroll handling to ExportPanel and PresetLibrary, and
remove maxHeight cap from CodeSnippet in ExportPanel.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-01 16:05:14 +01:00
Sebastian Krüger
f9db58122c fix: app page layout 2026-03-01 12:20:15 +01:00
Sebastian Krüger
2abbdf407f fix: app page layout 2026-03-01 12:14:55 +01:00
Sebastian Krüger
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
Sebastian Krüger
28747a6c8f refactor: extract ColorManipulation component and pass icon/summary to AppPage 
- Rename ColorPage → ColorManipulation (no AppPage wrapper inside)
- Move AppPage + title/description/icon to color/page.tsx, consistent with other tools
- AppPage now accepts icon prop directly; removes internal usePathname lookup and 'use client'
- All tool pages pass tool.summary as description and tool.icon as icon

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-28 09:57:06 +01:00