more bootstrap styling

This commit is contained in:
Kris
2024-02-03 11:03:02 -05:00
parent f2fee7965a
commit 4fcec416f8
6 changed files with 14 additions and 13 deletions

View File

@@ -14,7 +14,7 @@
<nav class="navbar bg-dark border-bottom border-body" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Default</a>
<a class="navbar-brand" href="#">SuggestApp</a>
</div>
</nav>
<div class="container-fluid">

View File

@@ -11,21 +11,23 @@
</div>
<% end %>
<div>
<div class="form-floating">
<%= form.text_field :subject, class: "form-control" %>
<%= form.label :subject, style: "display: block" %>
<%= form.text_field :subject %>
</div>
<div>
<br>
<div class="form-floating">
<%= form.text_area :body, class: "form-control", style: "height: 100px" %>
<%= form.label :body, style: "display: block" %>
<%= form.text_area :body %>
</div>
<div>
<%# form.label :sent, style: "display: block" %>
<%# form.check_box :sent %>
</div>
<br>
<div>
<%= form.submit "Send Suggestion", class: "btn btn-primary" %>
</div>

View File

@@ -11,4 +11,3 @@
</div>
</div>
</div>

View File

@@ -6,7 +6,7 @@
<% @suggestions.each do |suggestion| %>
<%= render suggestion %>
<p>
<%= link_to "Show this suggestion", suggestion %>
<%= link_to "View this suggestion", suggestion, class: 'btn btn-sm btn-secondary' %>
</p>
<% end %>
</div>

View File

@@ -5,5 +5,5 @@
<br>
<div>
<%= link_to "Back to suggestions", suggestions_path, class: "btn" %>
<%= link_to "Back to suggestions", suggestions_path, class: "btn btn-sm btn-secondary" %>
</div>

View File

@@ -3,8 +3,8 @@
<%= render @suggestion %>
<div>
<%= link_to "Edit this suggestion", edit_suggestion_path(@suggestion) %> |
<%= link_to "Back to suggestions", suggestions_path %>
<%= link_to "Edit this suggestion", edit_suggestion_path(@suggestion), class: "btn btn-sm btn-secondary" %> |
<%= link_to "Back to suggestions", suggestions_path, class: "btn btn-sm btn-secondary" %>
<%= button_to "Destroy this suggestion", @suggestion, method: :delete %>
<%= button_to "Destroy this suggestion", @suggestion, method: :delete, class: "btn btn-sm btn-danger" %>
</div>