Fix mobile issues

khatabwedaa · khatabwedaa · commit 4520b89598f9 · 2021-01-24T10:50:42.000+02:00
diff --git a/resources/sass/_navigation.scss b/resources/sass/_navigation.scss
@@ -3,7 +3,7 @@
     margin-right: -1.5rem;
 
     @screen lg {
-        @apply -mx-4 bg-transparent block border-b-0 pl-0 pt-8 pr-4 pt-0 shadow-none w-1/4;
+        @apply -mx-4 bg-transparent block border-b-0 pl-0 pt-8 pr-4 shadow-none w-1/4;
     }
 }
 
diff --git a/resources/views/_partials/nav.blade.php b/resources/views/_partials/nav.blade.php
@@ -1,8 +1,9 @@
 <header class="flex items-center shadow-sm bg-white dark:bg-gray-900 py-4" role="banner">
     <div class="container flex items-center mx-auto px-6 space-x-4 lg:space-x-0" >
         <div class="flex items-center lg:hidden">
-            <button aria-label="Toggle Documentation Navigation" @click.prevent="toggle()">
-                <x-i.menu class="h-6 w-6 md:h-8 md:w-8 text-gray-500 opacity-50"></x-i.menu>
+            <button aria-label="Toggle Documentation Navigation" @click.prevent="toggle()"
+                class="text-gray-500 dark:text-gray-200 focus:text-gray-600 dark:focus:text-gray-400 focus:outline-none">
+                <x-i.menu class="h-6 w-6 fill-current md:h-8 md:w-8"></x-i.menu>
             </button>
         </div>
 
diff --git a/resources/views/docs.blade.php b/resources/views/docs.blade.php
@@ -1,5 +1,5 @@
 <x-app-layout layout="app" :title="$matter['title']" :description="$matter['description']">
-    <main role="main" class="w-full flex-auto dark:bg-gray-900">
+    <main role="main" class="w-full flex-auto">
         <section class="documentation">
             <div class="container mx-auto px-4 lg:px-4 xl:px-6 lg:flex lg:flex-row">
 
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
@@ -36,9 +36,9 @@
 
     @stack('styles')
 </head>
-<body {{ $attributes->except(['title', 'description']) }}>
+<body class="dark" {{ $attributes->except(['title', 'description']) }}>
 
-    <div class="dark">
+    <div class="dark:bg-gray-900">
         {{ $slot }}
         
         {{ $footer ?? "" }}
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
@@ -1,5 +1,5 @@
 <x-app-layout layout="welcome" class="flex flex-col justify-between min-h-screen">
-    <div class="w-full flex-auto dark:bg-gray-900 dark:text-gray-200 leading-normal font-sans">
+    <div class="w-full flex-auto leading-normal font-sans">
         <section class="container mx-auto py-6 px-6 xl:py-12">
             <div class="flex flex-col-reverse mb-10 lg:flex-row lg:mb-24">
                 <div class="mt-8 w-full lg:w-2/5 lg:pr-6 xl:pr-12 text-center lg:text-left">

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`margin-right: -1.5rem;`
`4`	`4`
`5`	`5`	`@screen lg {`
`6`		`- @apply -mx-4 bg-transparent block border-b-0 pl-0 pt-8 pr-4 pt-0 shadow-none w-1/4;`
	`6`	`+ @apply -mx-4 bg-transparent block border-b-0 pl-0 pt-8 pr-4 shadow-none w-1/4;`
`7`	`7`	`}`
`8`	`8`	`}`
`9`	`9`