views/users/index.html.erb 軽くCSSあて

application.css box変更
MIZOGUCHIKoki · Dec 21, 2023 · 20b7d21 · 20b7d21
1 parent 7235f19
commit 20b7d21
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -21,6 +21,7 @@
     margin-right: auto;
 
     width: 920px;
+    background:radial-gradient(#fff, #00abc5); 
  }
  .center {
     text-align: center;
@@ -40,6 +41,17 @@
     margin: auto;
     padding: 50px;
  }
+ .box {
+   margin: 20px;
+ }
+
+ /*ボタン関連*/
+ .search-button {
+   height: 60px;
+   width: 120px;
+   border-radius: 20px;
+   background-color: rgb(185, 255, 127);
+ }
 
  /*エラーメッセージ表示の際，勝手に新しいクラスが生成され，Viewを壊すようである．
    以下が生成されるクラスであり，これにCSSを当てておくことで崩壊を回避する．*/

diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb
@@ -14,17 +14,17 @@
           <%= form.text_field :email, value: @search_params[:email]%>
         </div>
       </div>
-      <%= button_to "検索", user_path(form)%>
+      <%= button_to "検索", user_path(form), {class: "search-button"} %>
     <% end %>
 
-  <table cellspacing="15">
+  <table cellspacing="15" frame="box">
     <tr>
       <th>ユーザ名</th><th>ユーザID</th>
     </tr>  
     <% @users.each do |user| %>
       <tr>
         <td align="left"><%= link_to user.name, user %></td>
-        <td><%= user.email %></td>
+        <td align="right"><%= user.email %></td>
       </tr>
     <% end %>
   </table>