feat(common): improve layouts

midarrlabs · Dec 31, 2021 · 709fe18 · 709fe18
1 parent 017fa20
commit 709fe18
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/lib/media_server_web/templates/layout/_user_menu.html.heex b/lib/media_server_web/templates/layout/_user_menu.html.heex
@@ -6,7 +6,7 @@
 
     <!-- Current: "border-indigo-500 text-gray-900", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
 
-    <a data-phx-link="redirect" data-phx-link-state="push" href="/" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium" aria-current="page">
+    <a data-phx-link="redirect" data-phx-link-state="push" href="/" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium" aria-current="page">
       Home
     </a>
 

diff --git a/lib/media_server_web/templates/layout/app.html.heex b/lib/media_server_web/templates/layout/app.html.heex
@@ -1 +1,3 @@
-<%= @inner_content %>
+<div class="min-h-full flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
+    <%= @inner_content %>
+</div>
diff --git a/lib/media_server_web/templates/layout/root.html.heex b/lib/media_server_web/templates/layout/root.html.heex
@@ -36,7 +36,7 @@
               <!-- Primary column -->
               <section aria-labelledby="primary-heading" class="min-w-0 flex-1 h-full flex flex-col lg:order-last">
 
-                  <div class="max-w-2xl mx-auto py-6 px-4 sm:py-6 sm:px-6 lg:max-w-7xl lg:px-8">
+                  <div class="max-w-2xl mx-auto py-6 px-4 sm:py-6 sm:px-6 lg:max-w-7xl">
 
                     <%= @inner_content %>
                   </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,7 @@ @@
         <!-- Current: "border-indigo-500 text-gray-900", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
-        <a data-phx-link="redirect" data-phx-link-state="push" href="/" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium" aria-current="page">
+        <a data-phx-link="redirect" data-phx-link-state="push" href="/" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium" aria-current="page">
           Home
         </a>
@@ Expand Down @@