- Sidebar buttons fix

Raccoon254 · May 19, 2024 · a549d62 · a549d62
1 parent 2c8421f
commit a549d62
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/resources/css/app.css b/resources/css/app.css
@@ -21,15 +21,15 @@ input:-webkit-autofill {
 }
 
 .side{
-    @apply h-12 rounded-lg mb-2;
+    @apply h-12 bg-gray-100 rounded-lg mb-2;
 }
 
 .side> a{
     @apply flex gap-3 h-full px-4 items-center;
 }
 
 .active{
-    @apply bg-gray-100 text-blue-500;
+    @apply bg-gray-200 text-blue-600;
 }
 
 .custom-badge{

diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
@@ -5,7 +5,13 @@
     </div>
     <div class="drawer-side">
         <label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"></label>
-        <ul class="menu bg-white px-4 pt-0 w-60 h-[80vh] text-black/90">
+        <ul class="menu bg-white px-4 md:pt-0 w-60 h-screen text-black/90">
+            <li class="md:hidden mb-2">
+                <div class="flex center items-center justify-center gap-2 p-4">
+                    <x-application-logo class="h-5"/>
+                    <span class="text-lg font-bold">Scholarspace</span>
+                </div>
+            </li>
             <!-- Sidebar content here -->
             <li class="side {{ request()->routeIs('dashboard') ? 'active' : '' }}">
                 <a href="{{ route('dashboard') }}" class="flex items-center gap-2 p-2 hover:bg-gray-200">
@@ -41,7 +47,7 @@
             </li>
         </ul>
 
-        <div class="flex items-center justify-center p-2 w-full">
+        <div class="flex bottom-8 md:bottom-20 absolute w-60 items-center justify-center p-2 md:w-full">
             <form class="w-full" method="POST" action="{{ route('logout') }}">
                 @csrf
                 <button type="submit" class="btn text-red-600 btn-warning w-full">