Add bootstrap and main application template

This commit is contained in:
maddiebaka
2023-10-22 15:03:45 -04:00
parent 1e80e2cfe4
commit 11710bfb68
6 changed files with 53 additions and 14 deletions

View File

@@ -13,3 +13,5 @@
*= require_tree .
*= require_self
*/
@import "bootstrap";

View File

@@ -1,6 +1,3 @@
<br/>
<br/>
<%= sanitize alphabetical_links, tags: ["a"] %>
<p><%= @parts_of_speech.count %> parts of speech entries in database</p>

View File

@@ -11,16 +11,31 @@
</head>
<body>
<p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>
<div style="display: block;">
<% if user_signed_in? %>
<p>Welcome <%= current_user.username %></p>
<%= link_to "Sign Out", destroy_user_session_path, data: { turbo_method: :delete } %>
<% else %>
<%= link_to "Sign In", new_user_session_path %>
<%= link_to "Register", new_user_registration_path %>
<% end %>
<%= yield %>
<div class="container">
<div class="d-flex mb-3">
<div class="p-2">
<%= link_to "Dictionary", dictionary_index_path %>
</div>
<div class="ms-auto p-2">
<% if user_signed_in? %>
<p>Welcome <%= current_user.username %></p>
<%= link_to "Sign Out", destroy_user_session_path, data: { turbo_method: :delete } %>
<% else %>
<%= link_to "Sign In", new_user_session_path %>
<pre style="display: inline;">|</pre>
<%= link_to "Register", new_user_registration_path %>
<% end %>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-8">
<p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>
<%= yield %>
</div>
</div>
</div>
</body>
</html>