add daisy tailwind theme

2023-05-29 21:20:39 +03:00
parent 6a41f82e5b
commit b8bae6d0e4
9 changed files with 163 additions and 70 deletions
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html data-theme="cupcake">
  <head>
    <title>
      Docuseal
@@ -11,12 +11,20 @@
    <%= stylesheet_pack_tag 'application', media: 'all' %>
    <%= yield :head %>
  </head>
-  <body class="font-sans antialiased font-normal leading-normal bg-white text-gray-700">
+  <body>
    <turbo-frame id="modal"></turbo-frame>
    <%= render 'shared/navbar' %>
-    <div>
-      <%= flash[:notice] || flash[:alert] %>
-    </div>
+    <% if flash.present? %>
+      <div id="flash" class="max-w-xl mx-auto px-2">
+        <div class="alert shadow-lg">
+          <div class="flex w-full justify-between">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-info flex-shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+            <span class="w-full"><%= flash[:notice] || flash[:alert] %></span>
+            <a href="#" onclick="[event.preventDefault(), window.flash.remove()]">&times;</a>
+          </div>
+        </div>
+      </div>
+    <% end %>
    <%= yield %>
  </body>
 </html>