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

7 Commits

Author SHA1 Message Date
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