finish start

resources/css/app.css

@@ -119,7 +119,7 @@ @layer components {
         font-weight: 900;
     }
 
-    nav.window > .wrapper > .links > a {
+    nav.window > .wrapper > .links a {
         text-decoration: none;
         color: var(--window-text);
         display: block;
@@ -128,13 +128,13 @@ @layer components {
         padding: 1px 2px;
     }
 
-    nav.window > .wrapper > .links > a > img {
+    nav.window > .wrapper > .links a > img {
         height: 30px;
         margin-right: 6px;
         vertical-align: middle;
     }
 
-    nav.window > .wrapper > .links > a:hover {
+    nav.window > .wrapper > .links a:hover {
         background-color: var(--hilight);
     }
 }

resources/views/layouts/navigation.blade.php

@@ -1,21 +1,7 @@
-{{-- <!-- Profile --> --}}
-{{-- <a class="button" href="{{ route('profile.edit') }}"> --}}
-{{-- {{ Auth::user()->name }} --}}
-{{-- </a> --}}
-
-{{-- <!-- Log Out --> --}}
-{{-- <form --}}
-{{-- class="inline-block" --}}
-{{-- method="POST" --}}
-{{-- action="{{ route('logout') }}" --}}
-{{-- > --}}
-{{-- @csrf --}}
-
 <div x-data="{ open: false }">
   <nav
     class="window"
     x-show="open"
-    x-cloak
     x-on:click.outside="open = false"
     x-transition.duration.200ms
     x-transition.opacity
@@ -50,18 +36,28 @@ class="window"
               src="{{ Vite::asset('resources/images/startmenu/userskey.png') }}"
               alt="users with key"
             />
-            Profile
+            {{ Auth::user()->name }}
           </a>
 
           <hr />
 
-          <a href="{{ route('logout') }}">
-            <img
-              src="{{ Vite::asset('resources/images/startmenu/key.png') }}"
-              alt="key"
-            />
-            Log Out
-          </a>
+          <form action="{{ route('logout') }}" method="POST">
+            @csrf
+
+            <a
+              href="#"
+              x-on:click="
+                $event.preventDefault()
+                $el.closest('form').submit()
+              "
+            >
+              <img
+                src="{{ Vite::asset('resources/images/startmenu/key.png') }}"
+                alt="key"
+              />
+              Log Out
+            </a>
+          </form>
         @else
           <a href="{{ route('login') }}">
             <img