Frontend: App shell, navigation, routing, and design tokens #32
@@ -30,7 +30,7 @@
|
|||||||
aria-current={active ? 'page' : undefined}
|
aria-current={active ? 'page' : undefined}
|
||||||
class="px-3 py-[7px] text-[13px] font-[var(--font-sans)] rounded-[var(--radius-md)] flex items-center gap-2 {active
|
class="px-3 py-[7px] text-[13px] font-[var(--font-sans)] rounded-[var(--radius-md)] flex items-center gap-2 {active
|
||||||
? 'bg-[var(--green-tint)] text-[var(--green-dark)] font-medium'
|
? 'bg-[var(--green-tint)] text-[var(--green-dark)] font-medium'
|
||||||
: ''}"
|
: 'hover:bg-[var(--color-subtle)]'}"
|
||||||
>
|
>
|
||||||
<span class="w-[20px] text-[16px] text-center">{item.icon}</span>
|
<span class="w-[20px] text-[16px] text-center">{item.icon}</span>
|
||||||
{item.label}
|
{item.label}
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
aria-current={active ? 'page' : undefined}
|
aria-current={active ? 'page' : undefined}
|
||||||
class="px-4 py-2 rounded-[var(--radius-md)] text-[13px] font-[var(--font-sans)] {active
|
class="px-4 py-2 rounded-[var(--radius-md)] text-[13px] font-[var(--font-sans)] {active
|
||||||
? 'bg-[var(--green-tint)] text-[var(--green-dark)] font-medium'
|
? 'bg-[var(--green-tint)] text-[var(--green-dark)] font-medium'
|
||||||
: ''}"
|
: 'hover:bg-[var(--color-subtle)]'}"
|
||||||
>
|
>
|
||||||
<span>{item.icon}</span>
|
<span>{item.icon}</span>
|
||||||
{item.label}
|
{item.label}
|
||||||
|
|||||||
Reference in New Issue
Block a user