최원석 / 2021-1-database-project

Go to a project
Toggle navigation Toggle navigation pinning
1seok2
13bef828 1 parent e37b7319

style: add button style

Inline Side-by-side
Showing 2 changed files with 35 additions and 4 deletions
1 .header { 1 .header {
2 - height: 70px; 2 + width: 100%;
3 + height: 90px;
3 display: flex; 4 display: flex;
5 + flex-direction: column;
4 justify-content: center; 6 justify-content: center;
5 align-items: center; 7 align-items: center;
6 font-size: 1.8rem; 8 font-size: 1.8rem;
9 +
10 + .form-container {
11 + width: 200px;
12 + height: 100%;
13 + display: flex;
14 + flex-direction: column;
15 + justify-content: center;
16 + align-items: center;
17 +
18 + #id-input {
19 + height: 100%;
20 + text-align: center;
21 + font-size: 21px;
22 + border: none;
23 +
24 + &:focus {
25 + outline: none;
26 + }
27 + }
28 +
29 + button {
7 width: 100%; 30 width: 100%;
31 + margin: 8px 0;
32 + padding: 6px;
33 + background-color: deepskyblue;
34 + color: #efefef;
35 + border: none;
36 + border-radius: 6px;
37 + }
38 + }
8 } 39 }
......
...@@ -33,16 +33,16 @@ ...@@ -33,16 +33,16 @@
33 33
34 .followers { 34 .followers {
35 flex: 1; 35 flex: 1;
36 - padding: .4rem; 36 + padding: 0.4rem;
37 } 37 }
38 .following { 38 .following {
39 flex: 1; 39 flex: 1;
40 - padding: .4rem; 40 + padding: 0.4rem;
41 } 41 }
42 42
43 .item { 43 .item {
44 padding-left: 0.3rem; 44 padding-left: 0.3rem;
45 - margin: .25rem 0; 45 + margin: 0.25rem 0;
46 border-radius: 0.16rem; 46 border-radius: 0.16rem;
47 height: 1.8rem; 47 height: 1.8rem;
48 display: flex; 48 display: flex;
......