added simple modern touch (nav & main)

Author: Rene-Roscher

resources/views/components/main.blade.php

@@ -23,7 +23,7 @@ class="-mr-3 h-12 w-12 inline-flex items-center justify-center rounded-md text-g
     <div class="flex-1 relative z-0 flex overflow-hidden">
         <main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
             <!-- Start main area-->
-            <div class="absolute inset-0 py-6 px-4 sm:px-6 lg:px-8">
+            <div class="absolute inset-0">
                 {!! $slot !!}
             </div>
             <!-- End main area -->

resources/views/components/nav.blade.php

@@ -34,9 +34,9 @@ class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outlin
 
 <!-- Static sidebar for desktop -->
 <div :class="{'hidden': !isOpen }" class="lg:flex lg:shrink-0 print:hidden">
-    <div class="flex flex-col w-64">
+    <div class="flex flex-col w-72 p-4">
         <!-- Sidebar component, swap this element with another sidebar if you like -->
-        <div class="flex flex-col h-0 flex-1 border-r border-gray-200 dark:border-gray-900 bg-gray-50 dark:bg-zinc-800">
+        <div class="flex flex-col h-0 flex-1 bg-gray-50 dark:bg-zinc-800 rounded-2xl">
             <div class="flex-1 flex flex-col pt-8 pb-4 px-6 overflow-y-auto">
                 <x-sidebar>{!! $slot !!}</x-sidebar>
             </div>