- Styling the form
This commit is contained in:
@@ -1,10 +1,30 @@
|
||||
page-tell-your-story {
|
||||
|
||||
.item.item-block {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.input-wrapper {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 4px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
ion-input, ion-textarea {
|
||||
|
||||
&::placeholder {
|
||||
color: #94949D;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.file-upload-wrapper {
|
||||
text-align: left;
|
||||
|
||||
.upload-trigger {
|
||||
border: 0.2rem solid #94949D;
|
||||
@@ -12,7 +32,14 @@ page-tell-your-story {
|
||||
display: block;
|
||||
font-size: 7.8rem;
|
||||
height: 9.8rem;
|
||||
text-align: left;
|
||||
width: 9.8rem;
|
||||
|
||||
ion-icon {
|
||||
left: 50%;
|
||||
position: relative;
|
||||
transform: translate3d(-50%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
@@ -22,5 +49,6 @@ page-tell-your-story {
|
||||
|
||||
.button.button-block {
|
||||
background-color: #fdb315;
|
||||
color: #191b1c;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user