gitea_admin/krishnasales_mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bottom nav theme changed

Browse Source
This commit is contained in:
suryacp23 2026-07-16 16:17:10 +05:30
parent 7f88b4a7e4
commit 83c9a27a96
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/screens/ConsoleLayout.tsx
View File

@ -66,16 +66,16 @@ export function ConsoleLayout() {
<>
<span
className={cn(
'flex items-center justify-center h-7 w-14 rounded-pill transition-colors duration-150',
isActive ? 'bg-sunrise-100 text-sunrise-600' : 'text-faint',
'flex items-center justify-center h-7 w-14 rounded-pill transition-colors duration-150 bottom-nav-icon',
isActive ? 'active' : 'text-faint',
)}
>
<Icon size={20} />
</span>
<span
className={cn(
'text-2xs leading-none transition-colors duration-150',
isActive ? 'font-semibold text-sunrise-600' : 'font-medium text-faint',
'text-2xs leading-none transition-colors duration-150 bottom-nav-text',
isActive ? 'font-semibold active' : 'font-medium text-faint',
)}
>
{t.label}

14
src/screens/screen.css
View File

@ -18,3 +18,17 @@
color: var(--nav-item-active);
background: var(--nav-item-active-bg);
}
.bottom-nav-icon,
.bottom-nav-text {
color: var(--text-faint); /* fallback */
}
.bottom-nav-icon.active {
color: var(--nav-item-active);
background: var(--nav-item-active-bg);
}
.bottom-nav-text.active {
color: var(--nav-item-active);
}