-
Notifications
You must be signed in to change notification settings - Fork 0
/
upload.css
95 lines (76 loc) · 1.37 KB
/
upload.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
#upload-img-placeholder{
width: 180px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid rgb(230,230,230);
background: rgb(250,250,253);
margin-left: 16px;
}
@media screen and (max-width : 400px){
#header {
padding: 0 8px;
}
#app {
padding: 0 8px;
}
}
#upload-container{
padding-top:20px
}
#preview-image{
width: 180px;
height: 200px;
object-fit: contain;
}
#camera{
width: 50px;
height: 50px;
}
#upload-img-placeholder > span{
font-size: 14px;
color: rgb(195,194,204);
}
.uploadName{
width:300px;
}
.upload-label{
font-size : 18px;
width: 80px;
}
#product-description {
height: 150px;
}
#submit-button{
float: right;
/*자식이 부모를 기준으로 오른쪽으로.*/
background-color: rgb(30,120,250);
color : white;
border: none;
margin-top: 10px;
}
.search {
height: 40px;
width: 28%;
}
.form-search {
max-height: 16rem;
width: 100%;
border: 1px solid #bbb;
border-radius: 8px;
padding: 10px 12px;
font-size: 14px;
}
#header-area{
display: flex;
justify-content: space-evenly;
align-items: center;
height: 6rem;
width: 100%;
}
#logo {
max-width: 16rem;
min-width: 10rem;
float: left;
}