admin/cobalt
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

web/SidebarTab: pass icon prop instead of using slot

Browse Source
This commit is contained in:
wukko
2024-11-20 14:14:37 +06:00
parent 7b9830c5af
commit 540bbbdad7
2 changed files with 19 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/components/sidebar/Sidebar.svelte
View File

@@ -19,8 +19,8 @@
let aboutLink = defaultNavPage("about");
$: screenWidth,
settingsLink = defaultNavPage("settings"),
aboutLink = defaultNavPage("about");
(settingsLink = defaultNavPage("settings")),
(aboutLink = defaultNavPage("about"));
</script>
<svelte:window bind:innerWidth={screenWidth} />
@@ -29,26 +29,14 @@
<CobaltLogo />
<div id="sidebar-tabs" role="tablist">
<div id="sidebar-actions" class="sidebar-inner-container">
<SidebarTab tabName="save" tabLink="/">
<IconDownload />
</SidebarTab>
<SidebarTab tabName="remux" tabLink="/remux" beta>
<IconRepeat />
</SidebarTab>
<SidebarTab name="save" path="/" icon={IconDownload} />
<SidebarTab name="remux" path="/remux" icon={IconRepeat} beta />
</div>
<div id="sidebar-info" class="sidebar-inner-container">
<SidebarTab tabName="settings" tabLink={settingsLink}>
<IconSettings />
</SidebarTab>
<SidebarTab tabName="donate" tabLink="/donate">
<IconHeart />
</SidebarTab>
<SidebarTab tabName="updates" tabLink="/updates">
<IconComet />
</SidebarTab>
<SidebarTab tabName="about" tabLink={aboutLink}>
<IconInfoCircle />
</SidebarTab>
<SidebarTab name="settings" path={settingsLink} icon={IconSettings} />
<SidebarTab name="donate" path="/donate" icon={IconHeart} />
<SidebarTab name="updates" path="/updates" icon={IconComet} />
<SidebarTab name="about" path={aboutLink} icon={IconInfoCircle} />
</div>
</div>
</nav>