fix(backend): add responsive to alerts

bastean · Jan 16, 2024 · fc1e4c8 · fc1e4c8
1 parent 7ff0641
commit fc1e4c8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/apps/crud/backend/cmd/web/templates/layouts/alert.html b/src/apps/crud/backend/cmd/web/templates/layouts/alert.html
@@ -1,5 +1,7 @@
 {{define "alert"}}
-<div class="fixed mx-auto mt-5 flex w-full items-center justify-center">
+<div
+  class="fixed z-50 mx-auto mt-5 flex w-full items-center justify-center px-2"
+>
   <div id="alert"></div>
 </div>
 {{end}}
diff --git a/src/apps/crud/backend/cmd/web/templates/layouts/base.html b/src/apps/crud/backend/cmd/web/templates/layouts/base.html
@@ -53,7 +53,10 @@
   <body hx-ext="response-targets, class-tools, remove-me">
     {{template "alert"}}
 
-    <div id="main" class="flex h-screen w-full items-center justify-center">
+    <div
+      id="main"
+      class="container mx-auto flex h-screen flex-col overflow-y-auto overflow-x-hidden"
+    >
       {{end}} {{template "content"}} {{if .isNotHxRequest}}
     </div>
   </body>

diff --git a/src/apps/crud/backend/cmd/web/templates/partials/alert.msg.html b/src/apps/crud/backend/cmd/web/templates/partials/alert.msg.html
@@ -1,4 +1,4 @@
-<div role="alert" class="alert w-max alert-{{.Type}}" remove-me="3s">
+<div role="alert" class="alert alert-{{.Type}}" remove-me="3s">
   {{if eq .Type "success"}}
   <svg
     xmlns="http://www.w3.org/2000/svg"