- Styling the form

This commit is contained in:
2018-05-29 22:43:25 -04:00
parent 6b1142daca
commit f85eeed861
2 changed files with 31 additions and 3 deletions

View File

@@ -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;
}
}