diff options
| author | Ilion Beyst <ilion.beyst@gmail.com> | 2022-03-17 21:59:38 +0100 |
|---|---|---|
| committer | Ilion Beyst <ilion.beyst@gmail.com> | 2022-03-17 21:59:38 +0100 |
| commit | fd0d0f0453f294b08f18495a772b36ad7617974d (patch) | |
| tree | ad3744aec115e9a5d7aaf12d0f4289f9ec765c70 /web/pw-server | |
| parent | d91d98cef56df52afbf4d9f2ac71c477feb0fd03 (diff) | |
| download | planetwars.dev-fd0d0f0453f294b08f18495a772b36ad7617974d.tar.xz planetwars.dev-fd0d0f0453f294b08f18495a772b36ad7617974d.zip | |
populate navbar
Diffstat (limited to 'web/pw-server')
| -rw-r--r-- | web/pw-server/src/routes/__layout.svelte | 39 |
1 files changed, 36 insertions, 3 deletions
diff --git a/web/pw-server/src/routes/__layout.svelte b/web/pw-server/src/routes/__layout.svelte index 53b6269..250cdef 100644 --- a/web/pw-server/src/routes/__layout.svelte +++ b/web/pw-server/src/routes/__layout.svelte @@ -3,7 +3,15 @@ </script> <div class="outer-container"> - <div class="top-bar" /> + <div class="navbar"> + <div class="navbar-main"> + <a href="/">PlanetWars</a> + </div> + <div class="navbar-user"> + <a class="navbar-href" href="login">Sign in</a> + <a class="navbar-href" href="register">Sign up</a> + </div> + </div> <slot /> </div> @@ -17,10 +25,35 @@ flex-direction: column; } - .top-bar { - height: 40px; + .navbar { + height: 48px; background-color: $bg-color; border-bottom: 1px solid; flex-shrink: 0; + display: flex; + justify-content: space-between; + padding: 0 15px; + } + + .navbar-user a { + font-size: 18px; + color: #eee; + font-family: Helvetica, sans-serif; + padding: 4px 8px; + text-decoration: none; + } + + .navbar-main { + margin: auto 0; + } + + .navbar-main a { + font-size: 20px; + color: #eee; + text-decoration: none; + } + + .navbar-user { + margin: auto 0; } </style> |