diff options
| author | Fuwn <[email protected]> | 2023-09-29 17:33:14 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-09-29 17:33:14 -0700 |
| commit | d736d0899c3f6705f599bb122ac53f10bd1dba13 (patch) | |
| tree | 2cb3dddf6ed227a4396e36c8ffa2a360ae28668b | |
| parent | fix(settings): remove unused anime setting (diff) | |
| download | due.moe-d736d0899c3f6705f599bb122ac53f10bd1dba13.tar.xz due.moe-d736d0899c3f6705f599bb122ac53f10bd1dba13.zip | |
feat(layout): custom mobile navigation bar
| -rw-r--r-- | src/routes/+layout.svelte | 27 |
1 files changed, 24 insertions, 3 deletions
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 4080d5be..19df3f1c 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -49,13 +49,20 @@ <p /> - <p> + <p id="desktop-navigation-bar"> 「 <a href="/">Home</a> • <a href="/completed">Completed</a> • - <a href="/updates">Manga & LN Updates</a> - • + <a href="/updates">Manga & LN Updates</a> • <a href="/tools">Tools</a> • <a href="/settings">Settings</a> 」 </p> + <div id="mobile-navigation-bar"> + <a href="/">Home</a> • <a href="/completed">Completed</a> • <a href="/tools">Tools</a><br /> + <a href="/settings">Settings</a> + <a href="/updates">Manga & LN Updates</a> + + <p /> + </div> + <hr /> </div> @@ -80,4 +87,18 @@ display: flex; flex-direction: column; } + + #mobile-navigation-bar { + display: none; + } + + @media (max-width: 640px) { + #desktop-navigation-bar { + display: none; + } + + #mobile-navigation-bar { + display: unset; + } + } </style> |