optimize dashboard on mobile

This commit is contained in:
Alex Turchyn
2023-07-02 00:14:26 +03:00
parent ca232e40ac
commit be196b2bcb
11 changed files with 68 additions and 54 deletions
+11 -9
View File
@@ -1,15 +1,17 @@
<div id="flash" class="absolute top-0 w-full h-0">
<div class="max-w-xl mx-auto mt-1.5">
<div class="alert py-3">
<% if flash[:notice] %>
<%= svg_icon('info_circle', class: 'stroke-info flex-shrink-0 w-6 h-6') %>
<% else %>
<%= svg_icon('exclamation_circle', class: 'stroke-error flex-shrink-0 w-6 h-6') %>
<% end %>
<div>
<span><%= flash[:notice] || flash[:alert] %></span>
<div class="px-4 py-3 rounded-2xl bg-base-200 flex items-center justify-between mx-4 md:mx-0">
<div class="flex items-center space-x-3">
<% if flash[:notice] %>
<%= svg_icon('info_circle', class: 'stroke-info flex-none w-6 h-6') %>
<% else %>
<%= svg_icon('exclamation_circle', class: 'stroke-error flex-none w-6 h-6') %>
<% end %>
<div>
<span><%= flash[:notice] || flash[:alert] %></span>
</div>
</div>
<a href="#" onclick="[event.preventDefault(), window.flash.remove()]">&times;</a>
<a href="#" onclick="[event.preventDefault(), window.flash.remove()]" class="mr-1">&times;</a>
</div>
</div>
</div>