Two month of work

resources/js/layouts/settings/Layout.vue

@@ -44,10 +44,10 @@ const currentPath = typeof window !== undefined ? window.location.pathname : '';
             <Heading title="Einstellungen" description="Manage your profile and account settings" />
         </div>
 
-        <div class="flex flex-row flex-wrap gap-4 bg-background shadow rounded-lg p-6">
+        <div class="flex flex-row flex-wrap gap-4 bg-background shadow rounded-lg p-6 max-w-4xl">
 
-            <div class="flex flex-col lg:flex-row lg:space-x-12">
-                <aside class="w-full max-w-xl lg:w-48">
+            <div class="flex flex-col grow lg:flex-row lg:space-x-12">
+                <aside class="w-full max-w-xl lg:w-64">
                     <nav class="flex flex-col space-y-1 space-x-0">
                         <Button v-for="item in sidebarNavItems" :key="toUrl(item.href)" variant="ghost"
                             :class="['w-full justify-start', { 'bg-muted': urlIsActive(item.href, currentPath) }]"
@@ -61,8 +61,8 @@ const currentPath = typeof window !== undefined ? window.location.pathname : '';
 
                 <Separator class="my-6 lg:hidden" />
 
-                <div class="flex-1 md:max-w-2xl">
-                    <section class="max-w-xl space-y-12">
+                <div class="flex-1">
+                    <section class="space-y-12">
                         <slot />
                     </section>
                 </div>