Add tailwind and styling for views
This commit is contained in:
@@ -1,10 +1,11 @@
|
||||
<p style="color: green"><%= notice %></p>
|
||||
|
||||
<%= render @todo %>
|
||||
|
||||
<div>
|
||||
<%= link_to "Edit this todo", edit_todo_path(@todo) %> |
|
||||
<%= link_to "Back to todos", todos_path %>
|
||||
|
||||
<%= button_to "Destroy this todo", @todo, method: :delete %>
|
||||
<div class="mb-8">
|
||||
<%= render @todo %>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between items-center">
|
||||
<div class="flex space-x-4">
|
||||
<%= link_to "Back to todos", todos_path, class: "inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
|
||||
<%= link_to "Edit this todo", edit_todo_path(@todo), class: "inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
|
||||
</div>
|
||||
<%= button_to "Delete this todo", @todo, method: :delete, class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500", data: { confirm: "Are you sure you want to delete this todo?" } %>
|
||||
</div>
|
||||
Reference in New Issue
Block a user