Improve custom desktop browser size

Author: tabuna

resources/sass/core/layout.scss

@@ -8,9 +8,9 @@ body {
   overflow-x: hidden;
 }
 
-@include media-breakpoint-up(xl) {
+@include media-breakpoint-up(lg) {
     .aside {
-        width: $app-aside-width;
+        width: min($app-aside-width, 25%);
         max-width: $app-aside-max-width;
         min-height: 100vh;
 
@@ -20,7 +20,7 @@ body {
     }
 }
 
-@include media-breakpoint-down(xl) {
+@include media-breakpoint-down(lg) {
 
     .aside-collapse {
         visibility: hidden;

resources/views/app.blade.php

@@ -57,7 +57,7 @@
     <div class="row justify-content-center d-md-flex h-100">
         @yield('aside')
 
-        <div class="col-xxl col-xl-9 col-12 mx-auto">
+        <div class="col-xxl col-lg-9 col-xl-9 col-12 mx-auto">
             @yield('body')
         </div>
     </div>

resources/views/dashboard.blade.php

@@ -1,9 +1,9 @@
 @extends(config('platform.workspace', 'platform::workspace.compact'))
 
 @section('aside')
-    <div class="aside col-xs-12 col-xxl-2 bg-dark d-flex flex-column" data-controller="menu" data-bs-theme="dark">
-        <header class="d-xl-block p-3 mt-xl-4 w-100 d-flex align-items-center">
-            <a href="#" class="header-toggler d-xl-none me-auto order-first d-flex align-items-center lh-1 link-body-emphasis"
+    <div class="aside col-xs-12 col-lg-3 col-xl-2 bg-dark d-flex flex-column" data-controller="menu" data-bs-theme="dark">
+        <header class="p-3 mt-lg-4 w-100 d-flex align-items-center">
+            <a href="#" class="header-toggler d-lg-none me-auto order-first d-flex align-items-center lh-1 link-body-emphasis"
                data-action="click->menu#toggle">
                 <x-orchid-icon path="bs.three-dots-vertical" class="icon-menu"/>
 
@@ -15,7 +15,7 @@
             </a>
         </header>
 
-        <nav class="aside-collapse w-100 d-xl-flex flex-column collapse-horizontal text-body-emphasis" id="headerMenuCollapse">
+        <nav class="aside-collapse w-100 d-lg-flex flex-column collapse-horizontal text-body-emphasis" id="headerMenuCollapse">
 
             @include('platform::partials.search')
 

resources/views/header.blade.php

@@ -15,10 +15,10 @@
 
 <div class="h2 d-flex align-items-center">
     @auth
-        <x-orchid-icon path="bs.house" class="d-inline d-xl-none"/>
+        <x-orchid-icon path="bs.house" class="d-inline d-lg-none"/>
     @endauth
 
-    <p class="my-0 {{ auth()->check() ? 'd-none d-xl-block' : '' }}">
+    <p class="my-0 {{ auth()->check() ? 'd-none d-lg-block' : '' }}">
         {{ config('app.name') }}
     </p>
 </div>