Application logo fix

Raccoon254 · May 18, 2024 · e16fe78 · e16fe78
1 parent 40785be
commit e16fe78
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 11 deletions.
diff --git a/resources/views/components/application-logo.blade.php b/resources/views/components/application-logo.blade.php
@@ -1,3 +1,3 @@
-<div class="flex items-center text-3xl font-bold text-black/90">
-    Scholarspace™
-</div>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {{ $attributes }}>
+    <path fill="rgb(55 65 81)" d="M453.3 19.3l39.4 39.4c25 25 25 65.5 0 90.5l-52.1 52.1 0 0-1-1 0 0-16-16-96-96-17-17 52.1-52.1c25-25 65.5-25 90.5 0zM241 114.9c-9.4-9.4-24.6-9.4-33.9 0L105 217c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L173.1 81c28.1-28.1 73.7-28.1 101.8 0L288 94.1l17 17 96 96 16 16 1 1-17 17L229.5 412.5c-48 48-109.2 80.8-175.8 94.1l-25 5c-7.9 1.6-16-.9-21.7-6.6s-8.1-13.8-6.6-21.7l5-25c13.3-66.6 46.1-127.8 94.1-175.8L254.1 128 241 114.9z"/>
+</svg>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
@@ -18,7 +18,7 @@
     <body class="font-sans antialiased">
         <div class="min-h-screen bg-gray-100">
             @include('layouts.navigation')
-            <div class="flex relative p-2">
+            <div class="flex relative gap-2 p-2">
                 @include('layouts.sidebar')
                 <!-- Page Content -->
                 <main class="w-full bg-white rounded-lg">

diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
@@ -16,10 +16,13 @@
     </head>
     <body class="font-sans text-gray-900 antialiased">
         <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
-            <div>
+            <div class="center flex-col">
                 <a href="/">
-                    <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+                    <x-application-logo class="w-16 h-16 fill-current text-gray-500" />
                 </a>
+                <div class="text-2xl mt-3 font-bold text-gray-700">
+                    Scholarspace
+                </div>
             </div>
 
             <div class="w-full sm:max-w-md mt-6 px-6 py-4 overflow-hidden sm:rounded-lg">

diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
@@ -2,17 +2,28 @@
     <div class="navbar-start">
         <label for="my-drawer-2" class="md:hidden">
             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
-                 stroke="currentColor">
+                 stroke="black">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16"/>
             </svg>
         </label>
+        <div class="hidden md:flex items-center justify-center px-4 gap-2">
+            <x-application-logo class="h-5" />
+            <span class="text-lg text-black/80 font-bold">
+                Scholarspace
+            </span>
+        </div>
     </div>
     <div class="navbar-center">
-        <x-application-logo />
+        <div class="md:hidden flex gap-2 center">
+            <x-application-logo class="h-5" />
+            <span class="text-lg text-black/80 font-bold">
+                Scholarspace
+            </span>
+        </div>
     </div>
     <div class="navbar-end">
-        <a href="#" class="h-8 w-8 avatar rounded-full p-1 ring-1">
-            <img class="h-8 w-8 rounded-full" src="https://api.dicebear.com/8.x/identicon/svg?seed=Jane" alt="John Doe">
+        <a href="#" class="h-8 w-8 avatar rounded-full p-[2px] ring-1">
+            <img class="h-8 w-8 ring-1 ring-white rounded-full" src="https://api.dicebear.com/8.x/identicon/svg?seed=Jane" alt="John Doe">
         </a>
     </div>
 </div>
diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
@@ -5,7 +5,7 @@
     </div>
     <div class="drawer-side">
         <label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"></label>
-        <ul class="menu bg-gray-100  p-4 w-60 min-h-full text-black/90">
+        <ul class="menu bg-gray-100 p-4 w-60 min-h-full text-black/90">
             <!-- Sidebar content here -->
             <li><a>Sidebar Item 1</a></li>
             <li><a>Sidebar Item 2</a></li>