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/src/routes/__layout.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'web/pw-server/src/routes/__layout.svelte')

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