use icon for navbar expand

This commit is contained in:
Ilion Beyst 2022-11-07 16:26:13 +01:00
parent 9ed7d7ab2f
commit 06fa72fe1c
2 changed files with 7 additions and 1 deletions

View file

@ -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"

View file

@ -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 {