diff options
| author | Ilion Beyst <ilion.beyst@gmail.com> | 2022-11-07 16:26:13 +0100 |
|---|---|---|
| committer | Ilion Beyst <ilion.beyst@gmail.com> | 2022-11-07 16:26:13 +0100 |
| commit | 06fa72fe1cb542823ccf1b5847ff55dd5d47903a (patch) | |
| tree | f392eb922f1dce795db9ac233b14e2dc56df0f92 | |
| parent | 9ed7d7ab2fc70f971aa18d61f5ea04b346c836a3 (diff) | |
| download | planetwars.dev-06fa72fe1cb542823ccf1b5847ff55dd5d47903a.tar.xz planetwars.dev-06fa72fe1cb542823ccf1b5847ff55dd5d47903a.zip | |
use icon for navbar expand
| -rw-r--r-- | web/pw-server/package.json | 2 | ||||
| -rw-r--r-- | web/pw-server/src/routes/__layout.svelte | 6 |
2 files changed, 7 insertions, 1 deletions
diff --git a/web/pw-server/package.json b/web/pw-server/package.json index 604a820..25356f5 100644 --- a/web/pw-server/package.json +++ b/web/pw-server/package.json @@ -35,12 +35,14 @@ "vite-plugin-wasm-pack": "^0.1.9" }, "dependencies": { + "@fortawesome/free-solid-svg-icons": "^6.2.0", "@sveltejs/adapter-node": "^1.0.0-next.69", "@types/luxon": "^2.0.9", "ace-builds": "^1.4.14", "dayjs": "^1.10.7", "planetwars-rs": "file:../planetwars-rs/pkg", "pw-visualizer": "file:../pw-visualizer", + "svelte-fa": "^3.0.3", "svelte-select": "^5.0.0-beta.31" }, "type": "module" diff --git a/web/pw-server/src/routes/__layout.svelte b/web/pw-server/src/routes/__layout.svelte index 59f6c4b..5f78e34 100644 --- a/web/pw-server/src/routes/__layout.svelte +++ b/web/pw-server/src/routes/__layout.svelte @@ -2,9 +2,12 @@ import { afterNavigate } from "$app/navigation"; import "./style.css"; + import Fa from 'svelte-fa' + import { faBars } from '@fortawesome/free-solid-svg-icons' import { get_session_token, clear_session_token } from "$lib/auth"; import { currentUser } from "$lib/stores/current_user"; + import { onMount } from "svelte"; @@ -60,7 +63,7 @@ <img alt="logo" src="/ship.svg" height="32px'" /> PlanetWars </a> - <div class="navbar-expand" on:click={toggleExpanded}>expand</div> + <div class="navbar-expand" on:click={toggleExpanded}><Fa icon={faBars} /></div> <div class="navbar-items"> <div class="navbar-item"> <a href="/editor">Editor</a> @@ -184,6 +187,7 @@ display: none; font-size: 16px; height: $navbarHeight; + cursor: pointer; } @media screen and (max-width: 600px) { .navbar-items { |