]> git.openstreetmap.org Git - rails.git/blobdiff - app/views/layouts/_flash.html.erb
Remove resize css property from textarea
[rails.git] / app / views / layouts / _flash.html.erb
index e721851018af7a3a504bb4913e643877499ee3a0..eaf3078fe6ba9bf3f4155bedb57aa215920ea03d 100644 (file)
@@ -1,20 +1,35 @@
 <% if flash[:error] %>
-  <div class="flash error">
-    <%= image_tag("notice.png", :class => "small_icon", :border => 0) %>
-    <div class="message"><%= flash[:error] %></div>
+  <div class="alert alert-danger row mx-0 mb-0 p-3 rounded-0 align-items-center">
+    <div class="col-auto">
+      <picture>
+        <source srcset="<%= image_path "notice.svg" %>" type="image/svg+xml" />
+        <%= image_tag("notice.png", :srcset => image_path("notice.svg")) %>
+      </picture>
+    </div>
+    <div class="col"><%= render_flash(flash[:error]) %></div>
   </div>
 <% end %>
 
 <% if flash[:warning] %>
-  <div class="flash warning">
-    <%= image_tag("notice.png", :class => "small_icon", :border => 0) %>
-    <div class="message"><%= flash[:warning] %></div>
+  <div class="alert alert-warning row mx-0 mb-0 p-3 rounded-0 align-items-center">
+    <div class="col-auto">
+      <picture>
+        <source srcset="<%= image_path "notice.svg" %>" type="image/svg+xml"></source>
+        <%= image_tag("notice.png", :srcset => image_path("notice.svg")) %>
+      </picture>
+    </div>
+    <div class="col"><%= render_flash(flash[:warning]) %></div>
   </div>
 <% end %>
 
 <% if flash[:notice] %>
-  <div class="flash notice">
-    <%= image_tag("notice.png", :class => "small_icon", :border => 0) %>
-    <div class="message"><%= flash[:notice] %></div>
+  <div class="alert alert-success row mx-0 mb-0 p-3 rounded-0 align-items-center">
+    <div class="col-auto">
+      <picture>
+        <source srcset="<%= image_path "notice.svg" %>" type="image/svg+xml"></source>
+        <%= image_tag("notice.png", :srcset => image_path("notice.svg")) %>
+      </picture>
+    </div>
+    <div class="col"><%= render_flash(flash[:notice]) %></div>
   </div>
 <% end %>