improve sizing of notices and alert

gabrielgomeso · Jun 28, 2024 · 72ed399 · 72ed399
1 parent 15fb9a6
commit 72ed399
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -12,11 +12,18 @@
 
   <body>
     <%= render "layouts/navbar" %>
-
-    <% if notice || alert  %>
-      <p class="notice"><%= notice %></p>
-      <p class="alert"><%= alert %></p>
-    <% end %>
+
+    <div class="container is-widescreen">
+      <% if notice %>
+        <div class="notification is-primary">
+          <%= notice %>
+        </div>
+      <% elsif alert %>
+        <div class="notification is-danger">
+          <%= alert %>
+        </div>
+      <% end %>
+    </div>
 
     <main class="container is-widescreen p-3">
       <%= yield %>