최원석 / 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 38 additions and 7 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;
7 - width: 100%;
8 -}
...\ No newline at end of file ...\ No newline at end of file
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 {
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 + }
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;
...@@ -60,4 +60,4 @@ ...@@ -60,4 +60,4 @@
60 font-weight: 800; 60 font-weight: 800;
61 margin: 0.5rem 0; 61 margin: 0.5rem 0;
62 } 62 }
63 -}
...\ No newline at end of file ...\ No newline at end of file
63 +}
......