Improve docs view

laravelsu · Mar 23, 2024 · cb974a0 · cb974a0
1 parent 65dad96
commit cb974a0
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 7 deletions.
diff --git a/public/build/assets/app-DygtKxvk.css → public/build/assets/app-BeZdPy5l.css b/public/build/assets/app-DygtKxvk.css → public/build/assets/app-BeZdPy5l.css
diff --git a/public/build/manifest.json b/public/build/manifest.json
@@ -12,7 +12,7 @@
     "src": "public/img/ui/warning.svg"
   },
   "resources/css/app.scss": {
-    "file": "assets/app-DygtKxvk.css",
+    "file": "assets/app-BeZdPy5l.css",
     "src": "resources/css/app.scss",
     "isEntry": true
   },

diff --git a/resources/css/docs.scss b/resources/css/docs.scss
@@ -127,6 +127,12 @@ main div {
         margin-top: 1.25em;
     }
 
+    @include media-breakpoint-up(md) {
+        h2{
+            margin-left: -2rem;
+        }
+    }
+
     p {
         font-size: 1em;
         line-height: 1.6em;

diff --git a/resources/views/docs/docs.blade.php b/resources/views/docs/docs.blade.php
@@ -5,7 +5,7 @@
 
     <div class="container container-docs my-4 my-xxl-5 mx-auto">
         <div class="row gap-2 justify-content-center align-items-start position-relative mb-5">
-            <div class="col-3 col-xl-2 order-md-first order-last position-sticky top-0 py-md-3 z-1 d-none d-lg-block doc-navigation">
+            <div class="col-3 col-xl-3 col-xxl-2 order-md-first order-last position-sticky top-0 py-md-3 z-1 d-none d-lg-block doc-navigation">
 
                 <div class="mb-md-4 ms-md-4 d-flex align-items-stretch flex-column offcanvas-md offcanvas-start" id="docs-menu">
 
@@ -78,9 +78,10 @@ class="{{ active(url($link['href']), 'active', 'link-body-emphasis') }} d-inline
 
                 </div>
             </div>
-            <div class="px-0 px-md-2 px-xl-3 col-md-10 col-lg-8 col-xl-7 col-xxl-6 order-md-1 order-first">
+            <div class="px-0 px-md-2 px-xl-3 col-md-10 col-lg-8 col-xl-8 col-xxl-6 order-md-1 order-first">
 
-                <main class="bg-body-tertiary p-4 p-xl-5 rounded documentations position-relative" data-controller="prism">
+                <div class="bg-body-tertiary px-4 px-xl-5 rounded">
+                    <main class="p-4 p-xl-5 documentations position-relative" data-controller="prism">
                     <h1 class="display-6 fw-bold text-body-emphasis">{{ $docs->title() }}</h1>
                     @if ($docs->isOlderVersion())
                         <blockquote class="docs-blockquote-note position-relative  mt-4" role="alert">
@@ -95,13 +96,14 @@ class="{{ active(url($link['href']), 'active', 'link-body-emphasis') }} d-inline
                         </blockquote>
                     @endif
 
-                    <div class="d-block d-xl-none mt-3">
+                    <div class="d-block d-xxl-none mt-3">
                         <x-docs.anchors :content="$content"/>
                     </div>
                     <x-docs.content :content="$content"/>
                 </main>
+                </div>
             </div>
-            <div class="col-3 col-xl-2 order-last position-sticky top-0 py-md-3 z-1 d-none d-xl-block doc-navigation">
+            <div class="col-3 col-xl-2 order-last position-sticky top-0 py-md-3 z-1 d-none d-xxl-block doc-navigation">
                 <div class="mb-md-4 d-flex align-items-stretch flex-column offcanvas-md offcanvas-start" id="docs-menu">
                     <main>
                         <x-docs.anchors :content="$content"/>