Add tailwind and styling for views

2025-10-27 16:09:04 +01:00
parent 9f42deee95
commit 40e832bfa2
21 changed files with 534 additions and 129 deletions
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -24,9 +24,23 @@
  </head>

  <body>
-    <% if flash[:notice] %>
-      <p class="flash"><%= flash[:notice] %></p>
-    <% end %>
-    <%= yield %>
+    <header>
+      <div class="bg-white flex justify-between items-center p-8 h-24 drop-shadow">
+        <%= link_to "Doable", root_path, class: "text-3xl text-indigo-600 font-extrabold" %>
+        <nav class="flex gap-4">
+          <%= link_to "Projects", projects_path %>
+          <%= link_to "Todos", todos_path %>
+        </nav>
+      </div>
+    </header>
+    <main class="p-8 bg-gray-50">
+      <% if flash[:notice] %>
+        <p class="flash"><%= flash[:notice] %></p>
+      <% end %>
+      <%= yield %>
+    </main>
+    <footer>
+      <p class="w-full h-24 flex items-center justify-center border-t border-gray-200 text-gray-400">© 2025 Doable - Stay organized and get things done</p>
+    </footer>
  </body>
 </html>