From 06fa72fe1cb542823ccf1b5847ff55dd5d47903a Mon Sep 17 00:00:00 2001
From: Ilion Beyst <ilion.beyst@gmail.com>
Date: Mon, 7 Nov 2022 16:26:13 +0100
Subject: use icon for navbar expand

---
 web/pw-server/package.json               | 2 ++
 web/pw-server/src/routes/__layout.svelte | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'web/pw-server')

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 {
-- 
cgit v1.2.3