fearture: project-picture-edit - positioning

This commit is contained in:
gaelle morin 2020-06-30 13:06:39 +02:00
parent 053a7972c5
commit 5d5ae81d84
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
2 changed files with 54 additions and 1 deletions

View File

@ -303,6 +303,59 @@ h5 {
} }
} }
.form-picture {
form {
display: block;
text-align: center;
margin-bottom: 2.6rem;
padding-top: 1.8rem;
@include breakpoint(lg) {
display: flex;
width: 100%;
}
hubl-user-avatar {
display: inline-block;
max-width: 100%;
max-height: 16.5vh;
@include breakpoint(lg) {
margin-left: 20px;
max-height: 8.5vh;
max-width: none;
width: calc(35vw - 20px);
}
>object,
>img {
display: block;
max-height: 16.5vh !important;
@include breakpoint(lg) {
max-height: 8.5vh !important;
}
}
}
input {
@extend .button,
.text-bold,
.text-uppercase,
.button-primary,
.bordered;
margin: 10px 0;
width: 100%;
@include breakpoint(lg) {
margin: auto 0 auto 2.2rem;
width: auto;
}
}
}
}
.content-box { .content-box {
@include window-style-modal(); @include window-style-modal();
flex-direction: column; flex-direction: column;

View File

@ -33,7 +33,7 @@ div.content-box__info
h2 Photo du projet h2 Photo du projet
solid-form.form-picture.project-edit-logo( solid-form.form-picture(
bind-resources bind-resources
fields='customer.logo' fields='customer.logo'
widget-customer.logo="hubl-user-avatar" widget-customer.logo="hubl-user-avatar"