mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 19:41:09 +02:00
5d4bf201fd
PillNavigation rendered three near-identical inline pill blocks (prepended elements, main nav items, appended elements). Consolidate onto the Pill component so the visual base stays in lockstep with the bottom-stack bars. - Extend Pill with size='sm'|'md'. sm = 36px with 18px icons (PillNav style); md = 44px with 20px icons (bar pills, default). - Move the icon-only padding override into Pill itself. - Extract the Mana-Logo SVG (duplicated inline) to ManaLogoIcon.svelte. - Replace the three inline pill loops in PillNavigation with <Pill size='sm'>. Mana-logo and iconSvg cases ride the `leading` snippet. onClick vs href disambiguation is collapsed into a single Pill call per item. - Remove the now-unreachable .pill-icon scoped CSS that was only meaningful for the removed inline SVGs (Phosphor icon sizing comes from the size prop). Net: ~70 lines removed from PillNavigation.svelte without changing the render output. Bar-mode triggers (sync / ai / theme / user) still render inline because their logic is too entangled with activeBarId — leave for a follow-up. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| src | ||
| package.json | ||
| tsconfig.json | ||
| vitest.config.ts | ||