style: better emojis for page/bottom nav

This commit is contained in:
Sam Chau
2026-01-29 01:48:00 +10:30
parent 87bd140d88
commit 4182e42010
4 changed files with 22 additions and 14 deletions

View File

@@ -3,7 +3,7 @@
import { navIconStore } from '$stores/navIcons';
import {
Database,
MonitorPlay,
Link,
Sliders,
Palette,
Settings,
@@ -22,14 +22,14 @@
};
const items: NavItem[] = [
{ href: '/databases', label: 'Databases', icon: Database, emoji: '💾', priority: 'always' },
{ href: '/arr', label: 'Arrs', icon: MonitorPlay, emoji: '📺', priority: 'always' },
{ href: '/databases', label: 'Databases', icon: Database, emoji: '📦', priority: 'always' },
{ href: '/arr', label: 'Arrs', icon: Link, emoji: '🔗', priority: 'always' },
{ href: '/quality-profiles', label: 'Profiles', icon: Sliders, emoji: '⚡', priority: 'always' },
{ href: '/custom-formats', label: 'Formats', icon: Palette, emoji: '🎨', priority: 'always' },
{ href: '/settings', label: 'Settings', icon: Settings, emoji: '⚙️', priority: 'always' },
{ href: '/regular-expressions', label: 'Regex', icon: Microscope, emoji: '🔬', priority: 'medium' },
{ href: '/media-management', label: 'Media', icon: Tag, emoji: '🏷️', priority: 'low' },
{ href: '/delay-profiles', label: 'Delay', icon: Clock, emoji: '⏱️', priority: 'low' }
{ href: '/delay-profiles', label: 'Delay', icon: Clock, emoji: '', priority: 'low' }
];
$: useEmoji = $navIconStore === 'emoji';

View File

@@ -2,7 +2,7 @@
import Group from './group.svelte';
import GroupItem from './groupItem.svelte';
import Version from './version.svelte';
import { Home, Sliders, Palette, Microscope, Tag, Clock, Settings, X } from 'lucide-svelte';
import { Database, Link, Sliders, Palette, Microscope, Tag, Clock, Settings, X } from 'lucide-svelte';
import { navIconStore } from '$stores/navIcons';
import { mobileNavOpen } from '$stores/mobileNav';
import { page } from '$app/stores';
@@ -55,14 +55,16 @@
<div class="flex-1 overflow-y-auto p-4">
<Group
label={useEmoji ? '🏠 Home' : 'Home'}
href="/"
icon={useEmoji ? undefined : Home}
hasItems={true}
>
<GroupItem label="Databases" href="/databases" />
<GroupItem label="Arrs" href="/arr" />
</Group>
label={useEmoji ? '📦 Databases' : 'Databases'}
href="/databases"
icon={useEmoji ? undefined : Database}
/>
<Group
label={useEmoji ? '🔗 Arrs' : 'Arrs'}
href="/arr"
icon={useEmoji ? undefined : Link}
/>
<Group
label={useEmoji ? '⚡ Quality Profiles' : 'Quality Profiles'}
@@ -101,7 +103,7 @@
</Group>
<Group
label={useEmoji ? '⏱️ Delay Profiles' : 'Delay Profiles'}
label={useEmoji ? ' Delay Profiles' : 'Delay Profiles'}
href="/delay-profiles"
icon={useEmoji ? undefined : Clock}
initialOpen={false}

View File

@@ -0,0 +1,6 @@
import { redirect } from '@sveltejs/kit';
import type { PageServerLoad } from './$types';
export const load: PageServerLoad = async () => {
redirect(302, '/databases');
};