Fix logo position on mobile

simonhamp · simonhamp · commit d45aa91ee359 · 2024-05-02T11:39:54.000+01:00
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
@@ -20,10 +20,11 @@
         <!-- / Fathom -->
     </head>
     <body class="w-full h-screen text-slate-900 bg-gray-50 dark:bg-gray-900 dark:text-white">
-    <x-alert />
+        <x-alert />
+
         <main id="app" class="flex flex-col items-center justify-center min-h-screen">
             <header class="flex flex-col items-center justify-center flex-1 gap-12 text-center md:py-12">
-                <img src="{{ asset('logo.svg') }}" class="px-12 lg:h-32 dark:hidden">
+                <img src="{{ asset('logo.svg') }}" class="px-12 lg:h-32 dark:hidden mt-12 lg:mt-auto">
                 <img src="{{ asset('logo-dark.svg') }}" class="hidden px-12 lg:h-32 dark:block">
                 <h1 class="sr-only">NativePHP</h1>
                 <h3 class="px-6 mt-12 text-lg leading-tight lg:text-2xl md:text-xl">
