From c37d791b4460c125b5a52d53e2961980b8f95b83 Mon Sep 17 00:00:00 2001 From: MIKAMI Shu <114971799+MikamiShu@users.noreply.github.com> Date: Fri, 22 Dec 2023 09:42:15 +0900 Subject: [PATCH] css upadate --- app/assets/stylesheets/application.css | 37 ++++++++++++++++++++++++++ app/views/layouts/_header.html.erb | 20 +++++++------- app/views/sessions/new.html.erb | 16 +++++------ app/views/users/index.html.erb | 4 +-- 4 files changed, 58 insertions(+), 19 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 5256add2..f26e2b9f 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -22,6 +22,7 @@ width: 920px; background:radial-gradient(#fff, #00abc5); + font-size: 15px; } .center { text-align: center; @@ -32,14 +33,25 @@ .flex-field { justify-content: space-around; display: flex; + background-color: #0067C0; + border-radius: 10px; } .block-field { justify-content: space-around; display: block; + + width: 300px; + margin: 0 auto; + padding: 20px; + background-color: #ffffff; + border: 1px solid #ccc; + border-radius: 5px; } table { margin: auto; padding: 50px; + border-color: #930403; + border: 3px; } .box { margin: 20px; @@ -51,6 +63,31 @@ width: 120px; border-radius: 20px; background-color: rgb(185, 255, 127); + margin-bottom: 10px; + } + .signin-button { + height: 30px; + width: 100px; + border-radius: 20px; + background-color: rgb(127, 200, 255); + } + + /*header*/ + .header { + display: flex; + width: auto; + height: 100px; + background-color: red; + align-items: center; + border-radius: 10px; + } + .list-item { + list-style: none; + display: inline-block; + border: 2px solid; + border-color: #bcdfff; + border-radius: 10px; + margin-right: 20px; } /*エラーメッセージ表示の際，勝手に新しいクラスが生成され，Viewを壊すようである． diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb index 960db4c9..c6087e9c 100644 --- a/app/views/layouts/_header.html.erb +++ b/app/views/layouts/_header.html.erb @@ -1,17 +1,19 @@ ---start of header--- -