diff options
| author | Fuwn <[email protected]> | 2024-02-19 17:33:52 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-19 17:33:52 -0800 |
| commit | 7cea4b6815898121d81cc15e4b07b8cfd0e86e99 (patch) | |
| tree | 84ab54995e077a7392ee0a6cabfb2026671e8ed2 /src/routes/+layout.svelte | |
| parent | refactor(user): ids to classes (diff) | |
| download | due.moe-7cea4b6815898121d81cc15e4b07b8cfd0e86e99.tar.xz due.moe-7cea4b6815898121d81cc15e4b07b8cfd0e86e99.zip | |
refactor: ids to classes
Diffstat (limited to 'src/routes/+layout.svelte')
| -rw-r--r-- | src/routes/+layout.svelte | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index dc3f371b..d5409f9a 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -117,8 +117,8 @@ <HeadTitle /> -<div id="container"> - <div id="header" class="card card-centered"> +<div class="container"> + <div class="card card-centered header"> <div> <a href={root('/')} class="header-item">{$locale().navigation.home}</a><a href={root('/completed')} @@ -187,7 +187,7 @@ </a> {:else if data.user} <a href={root(`/user/${$userIdentity.name}`)} class="header-item"> - <img id="avatar" src={$userIdentity.avatar} alt="Avatar" /> + <img class="avatar" src={$userIdentity.avatar} alt="Avatar" /> </a> {/if} </div> @@ -213,7 +213,7 @@ </div> <style lang="scss"> - #header { + .header { font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 1.05em; @@ -230,7 +230,7 @@ filter: invert(0); } - #container { + .container { height: 100%; display: flex; flex-direction: column; @@ -259,7 +259,7 @@ outline: none; } - #avatar { + .avatar { width: 2em; display: inline-block; vertical-align: middle; |