Added admin layout

resources/js/layouts/AppLayout.vue

@@ -61,6 +61,8 @@ const showCurrentEventLink = computed(() => {
     return currentPath !== '/event/details/' + globalProps.currentEvent.identifier;
 });
 
+const canAccessAdmin = computed(() => globalProps.canAccessAdmin ?? false);
+
 const props = defineProps({
     title: { type: String, default: 'App' },
     flash: { type: Object, default: () => ({}) }
@@ -99,6 +101,9 @@ const props = defineProps({
 
                 <div class="header-actions" v-if="globalProps.user !== null">
                     <div class="user-info">
+                        <a v-if="canAccessAdmin" href="/admin" class="header-link-anonymous" title="Administration">
+                            <Icon name="gear" />
+                        </a>
                         <a href="/messages" class="header-link-anonymous" title="Meine Nachrichten">
                             <Icon name="envelope" />
                         </a>
@@ -123,7 +128,7 @@ const props = defineProps({
             <div class="flexbox">
                 <div class="sidebar" :class="{ 'sidebar-open': sidebarOpen }">
                     <div class="logo">
-                        <img src="../../../public/images/logo.png" alt="Logo" />
+                        <img src="../../../public/images/mareike.png" alt="Logo" />
                     </div>
                     <nav class="nav">
                         <ul class="nav-links" v-if="globalProps.navbar.personal.length > 0">
@@ -235,7 +240,7 @@ const props = defineProps({
     display: flex;
     align-items: center;
     flex-shrink: 0;
-    width: 200px;
+    width: 260px;
 }
 
 .header-link-anonymous,
@@ -335,11 +340,13 @@ const props = defineProps({
     align-items: center;
     justify-content: center;
     padding: 10px 0;
+    height: 180px;
+    width: 100%;
+    margin-bottom: 30px;
 }
 
 .logo img {
-    width: 135px;
-    height: 70px;
+    width: 100%;
     object-fit: contain;
 }