1.1 updated table style

This commit is contained in:
Mariam 2023-12-18 18:41:58 -06:00
parent 14268fd094
commit 63b2e29afb
6 changed files with 20 additions and 75 deletions

View File

@ -1,65 +0,0 @@
body {
background-color: #fff;
color: #333;
margin: 33px; }
body, p, ol, ul, td {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 18px; }
pre {
background-color: #eee;
padding: 10px;
font-size: 11px; }
a {
color: #000; }
a:visited {
color: #666; }
a:hover {
color: #fff;
background-color: #000; }
th {
padding-bottom: 5px; }
td {
padding: 0 5px 7px; }
div.field,
div.actions {
margin-bottom: 10px; }
#notice {
color: green; }
.field_with_errors {
padding: 2px;
background-color: red;
display: table; }
#error_explanation {
width: 450px;
border: 2px solid red;
padding: 7px 7px 0;
margin-bottom: 20px;
background-color: #f0f0f0; }
#error_explanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px -7px 0;
background-color: #c00;
color: #fff; }
#error_explanation ul li {
font-size: 12px;
list-style: square; }
label {
display: block; }

View File

@ -36,7 +36,10 @@
<%= form.text_field :twitter %>
</div>
<br>
<div class="actions">
<%= form.submit %>
</div>
<% end %>

View File

@ -1,9 +1,7 @@
<p id="notice"><%= notice %></p>
<h1>Friends</h1>
<table>
<thead>
<table class="table table-striped table-bordered table-hover">
<thead class="table-dark">
<tr>
<th>First name</th>
<th>Last name</th>
@ -32,4 +30,4 @@
<br>
<%= link_to 'New Friend', new_friend_path %>
<%= link_to 'New Friend', new_friend_path, class:"btn btn-secondary" %>

View File

@ -1,5 +1,5 @@
<h1>New Friend</h1>
<h1>Add New Friend</h1>
<%= render 'form', friend: @friend %>
<%= link_to 'Back', friends_path %>
<br>
<%= link_to 'Go Back', friends_path %>

View File

@ -25,5 +25,5 @@
<%= @friend.twitter %>
</p>
<%= link_to 'Edit', edit_friend_path(@friend) %> |
<%= link_to 'Back', friends_path %>
<%= link_to 'Edit', edit_friend_path(@friend), class:"btn btn-secondary" %> |
<%= link_to 'Back', friends_path, class:"btn btn-secondary" %>

View File

@ -9,6 +9,15 @@
<li class="nav-item">
<%= link_to "About Us", home_about_path, class:"nav-link"%>
</li>
<li class="nav-item">
<%= link_to "Friends", friends_path, class:"nav-link"%>
</li>
<li class="nav-item">
<%= link_to "Add Friend", new_friend_path, class:"nav-link"%>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">