From 904a2dd80587dde1054d1932fe06dafb69a36d00 Mon Sep 17 00:00:00 2001
From: suricata <tomas@suricatingss.xyz>
Date: Wed, 14 Jan 2026 12:36:32 +0000
Subject: [PATCH] page changes

---
 app/components/main_header.vue  | 12 ++++++------
 app/layouts/settings.vue        |  1 +
 app/pages/login.vue             |  2 +-
 app/pages/settings/general.vue  |  3 ++-
 app/pages/settings/index.vue    |  3 +++
 app/pages/settings/security.vue |  3 ++-
 6 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/app/components/main_header.vue b/app/components/main_header.vue
index a83ba58..96fa574 100644
--- a/app/components/main_header.vue
+++ b/app/components/main_header.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ui_colors_dropdown } from '~/composables/set_colors';
 
-const loggedIn = ref(true);
+const loggedIn = ref(false);
 const logout_prompt = ref(false);
 
 const props = defineProps({
@@ -29,14 +29,14 @@ const props = defineProps({
           <h2 class="font-bold">{{props.title}}</h2>
         </template>
         <template #right>
-            <UColorModeButton />
-            <UDropdownMenu :items="ui_colors_dropdown">
+            <UColorModeButton class="hover:cursor-pointer" />
+            <!----<UDropdownMenu :items="ui_colors_dropdown">
                 <UButton icon="lucide:palette" variant="ghost" color="neutral" />
-            </UDropdownMenu>
+            </UDropdownMenu>-->
             <UButton icon="lucide:settings" variant="ghost" color="neutral" :to="props.settings_link ? '/settings/general' : undefined" v-if="loggedIn" />
             <UModal :ui="{ overlay: 'bg-black opacity-75', content: 'bg-zinc-950 py-3'}" v-model:open="logout_prompt">
 
-              <UButton icon="lucide:log-out" variant="ghost" color="error" v-if="loggedIn" />
+              <UButton icon="lucide:log-out" variant="ghost" color="error" class="hover:cursor-pointer" v-if="loggedIn" />
               
               <template #content>
                 <div class="p-4 text-center">
@@ -45,7 +45,7 @@ const props = defineProps({
                     You will have to login again.
                   </p>
                   <div class="flex gap-4 flex-col justify-end">
-                    <UButton class="w-full dark:bg-zinc-900 hover:dark:bg-zinc-800 active:dark:bg-black" variant="soft" color="neutral" @click="logout_prompt = false">No</UButton>
+                    <UButton class="w-full hover:cursor-pointer dark:bg-zinc-900 hover:dark:bg-zinc-800 active:dark:bg-black" variant="soft" color="neutral" @click="logout_prompt = false">No</UButton>
                     <UButton class="w-full" variant="soft" color="error" to="/logout">Yes</UButton>
                   </div>
                 </div>
diff --git a/app/layouts/settings.vue b/app/layouts/settings.vue
index 79c4862..c49c57c 100644
--- a/app/layouts/settings.vue
+++ b/app/layouts/settings.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+
     const settings_submenu = ref([
         {
             label: "General",
diff --git a/app/pages/login.vue b/app/pages/login.vue
index ed4aed5..05dcdfe 100644
--- a/app/pages/login.vue
+++ b/app/pages/login.vue
@@ -51,7 +51,7 @@ function onSubmit(payload: FormSubmitEvent<Schema>) {
         :submit="{
           label: 'Login',
           class: 'rounded-full',
-          variant: 'solid'
+          variant: 'soft'
         }"
     >
         <template #validation v-if="wrong_login">
diff --git a/app/pages/settings/general.vue b/app/pages/settings/general.vue
index 36d4a95..fd736e9 100644
--- a/app/pages/settings/general.vue
+++ b/app/pages/settings/general.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
     definePageMeta({
-        layout: "settings"
+        layout: "settings",
+        middleware: ["login-required"]
     })
 
 </script>
diff --git a/app/pages/settings/index.vue b/app/pages/settings/index.vue
index 8239f44..814271f 100644
--- a/app/pages/settings/index.vue
+++ b/app/pages/settings/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+    definePageMeta({
+        middleware: ["login-required"]
+    })
     navigateTo("/settings/general");
 </script>
 
diff --git a/app/pages/settings/security.vue b/app/pages/settings/security.vue
index 36d4a95..fd736e9 100644
--- a/app/pages/settings/security.vue
+++ b/app/pages/settings/security.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
     definePageMeta({
-        layout: "settings"
+        layout: "settings",
+        middleware: ["login-required"]
     })
 
 </script>