diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss index 29c3cc5..175d722 100644 --- a/src/styles/base/main.scss +++ b/src/styles/base/main.scss @@ -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 { @include window-style-modal(); flex-direction: column; diff --git a/src/views/project/page-project-edit.pug b/src/views/project/page-project-edit.pug index c104fe7..3add996 100644 --- a/src/views/project/page-project-edit.pug +++ b/src/views/project/page-project-edit.pug @@ -33,7 +33,7 @@ div.content-box__info h2 Photo du projet - solid-form.form-picture.project-edit-logo( + solid-form.form-picture( bind-resources fields='customer.logo' widget-customer.logo="hubl-user-avatar"