openstreetmap-website/app/views/layouts/_flash.html.erb
Andy Allan 3dd639c8d0 Refactor flash messages to use a flex row for positioning
This works better for narrow widths and needs less custom CSS.
2021-06-23 20:11:19 +01:00

35 lines
1.1 KiB
Text

<% if flash[:error] %>
<div class="flash error row 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 row 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 row 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 %>