Merge pull request #54 from connorabbas/develop

fixes: styling adjustments, cleanup

Author: connorabbas

src/assets/css/tailwind.css

@@ -10,7 +10,7 @@
 
 @theme {
     --font-sans: Inter, sans-serif;
-    --header-height: 4rem;
+    --header-height: 4.5rem;
 }
 
 @utility dynamic-bg {

src/components/DeleteUserModal.vue

@@ -35,7 +35,6 @@ const deleteAccount = () => {
             })
         },
         onError: () => {
-            console.error('error')
             if (passwordInput.value && passwordInput.value?.$el) {
                 const passwordInputElement = passwordInput.value.$el.querySelector('input')
                 passwordInputElement?.focus()

src/layouts/app/HeaderLayout.vue

@@ -71,32 +71,28 @@ const {
                         </template>
                         <template #end>
                             <!-- User Dropdown Menu -->
-                            <div class="hidden lg:flex items-center ms-6 space-x-3">
-                                <div class="flex flex-col">
-                                    <PopupMenuButton
-                                        name="desktop-user-menu-dd"
-                                        button-variant="text"
-                                        fixed-position="right"
-                                        :menu-items="userMenuItems"
-                                        :button-label="userName"
-                                    />
-                                </div>
+                            <div class="hidden lg:flex">
+                                <PopupMenuButton
+                                    name="desktop-user-menu-dd"
+                                    button-variant="text"
+                                    fixed-position="right"
+                                    :menu-items="userMenuItems"
+                                    :button-label="userName"
+                                />
                             </div>
 
                             <!-- Mobile Menu Toggle -->
-                            <div class="flex items-center lg:hidden">
-                                <div class="relative">
-                                    <Button
-                                        severity="secondary"
-                                        class="p-1!"
-                                        text
-                                        @click="mobileMenuOpen = true"
-                                    >
-                                        <template #icon>
-                                            <MenuIcon class="size-6!" />
-                                        </template>
-                                    </Button>
-                                </div>
+                            <div class="flex lg:hidden">
+                                <Button
+                                    severity="secondary"
+                                    class="p-1!"
+                                    text
+                                    @click="mobileMenuOpen = true"
+                                >
+                                    <template #icon>
+                                        <MenuIcon class="size-6!" />
+                                    </template>
+                                </Button>
                             </div>
                         </template>
                     </MenuBar>

src/layouts/app/SidebarLayout.vue

@@ -57,7 +57,7 @@ const {
         <header class="block lg:fixed top-0 left-0 right-0 z-50">
             <nav class="dynamic-bg shadow-sm flex justify-between items-center lg:hidden">
                 <Container class="grow">
-                    <div class="flex justify-between items-center py-4">
+                    <div class="flex justify-between items-center gap-4 py-4">
                         <div>
                             <NavLogoLink />
                         </div>

src/views/settings/Password.vue

@@ -8,7 +8,6 @@ import AppLayout from '@/layouts/AppLayout.vue'
 import SettingsLayout from '@/layouts/UserSettingsLayout.vue'
 import InputErrors from '@/components/InputErrors.vue'
 
-
 const breadcrumbs = [
     { label: 'Dashboard', route: { name: 'dashboard' } },
     { label: 'Password settings' },