fix layout after design update

fschoenfeldt · Jul 18, 2024 · 827fef4 · 827fef4
1 parent 5b8cbfc
commit 827fef4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/assets/css/app.css b/assets/css/app.css
@@ -179,7 +179,7 @@
 
 @layer components {
   #home {
-    @apply relative z-0 h-full dark:bg-gray-900;
+    @apply relative z-0 h-full dark:bg-gray-900 w-full;
 
     .intro {
       @apply relative mx-auto flex max-w-6xl flex-col gap-4 p-4 lg:grid lg:gap-8 lg:p-8 z-0;
@@ -264,6 +264,14 @@
   #photo {
   }
 
+  #user {
+    @apply w-full max-w-6xl;
+  }
+
+  #user_show {
+    @apply w-full;
+  }
+
   .decorative-gradient {
     background-image: -webkit-gradient(
       linear,

diff --git a/lib/fotohaecker_web/live/user_live/index.ex b/lib/fotohaecker_web/live/user_live/index.ex
@@ -21,7 +21,7 @@ defmodule FotohaeckerWeb.UserLive.Index do
   @impl Phoenix.LiveView
   def render(assigns) do
     ~H"""
-    <div id="user" class="max-w-6xl mx-2 md:mx-auto space-y-8 pt-2">
+    <div id="user" class="mx-2 space-y-8 pt-2">
       <h1 class="dark:text-gray-100"><%= gettext("Your Account") %></h1>
 
       <.account_info error={Map.get(assigns, :error)} current_user={Map.get(assigns, :current_user)} />

diff --git a/lib/fotohaecker_web/templates/layout/live.html.heex b/lib/fotohaecker_web/templates/layout/live.html.heex
@@ -3,7 +3,7 @@
   id="header"
   current_user={@current_user}
 />
-<main class="min-h-full dark:bg-gray-800 flex-1 flex">
+<main class="min-h-full dark:bg-gray-800 flex-1 flex justify-center">
   <p
     class="alert alert--info"
     role="alert"