granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Small changes to Navigation

Browse source
This commit is contained in:
Justin Edmund 2025-09-17 22:15:37 -07:00
parent 5c8e23a38e
commit 5c407f3ef7
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/lib/components/Navigation.svelte
View file

@ -26,6 +26,7 @@
// Localized links // Localized links
const galleryHref = $derived(localizeHref('/teams/explore')) const galleryHref = $derived(localizeHref('/teams/explore'))
const guidesHref = $derived(localizeHref('/guides'))
const collectionHref = $derived(localizeHref('/collection')) const collectionHref = $derived(localizeHref('/collection'))
const meHref = $derived(localizeHref('/me')) const meHref = $derived(localizeHref('/me'))
const loginHref = $derived(localizeHref('/login')) const loginHref = $derived(localizeHref('/login'))
@ -89,6 +90,7 @@
<!-- Normal navigation mode --> <!-- Normal navigation mode -->
<ul role="list"> <ul role="list">
<li><a href={galleryHref}>{m.nav_gallery()}</a></li> <li><a href={galleryHref}>{m.nav_gallery()}</a></li>
<li><a href={guidesHref}>Guides</a></li>
<li><a href={collectionHref}>{m.nav_collection()}</a></li> <li><a href={collectionHref}>{m.nav_collection()}</a></li>
<li> <li>
@ -139,6 +141,7 @@
<style lang="scss"> <style lang="scss">
@use '$src/themes/colors' as colors; @use '$src/themes/colors' as colors;
@use '$src/themes/effects' as effects;
@use '$src/themes/themes' as themes; @use '$src/themes/themes' as themes;
@use '$src/themes/layout' as layout; @use '$src/themes/layout' as layout;
@use '$src/themes/spacing' as spacing; @use '$src/themes/spacing' as spacing;
@ -152,6 +155,8 @@
ul { ul {
background-color: var(--menu-bg); background-color: var(--menu-bg);
border: effects.$page-border;
box-shadow: effects.$page-elevation;
border-radius: layout.$full-corner; border-radius: layout.$full-corner;
display: flex; display: flex;
flex-direction: row; flex-direction: row;