diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss index 425174b..a822009 100644 --- a/src/styles/base/main.scss +++ b/src/styles/base/main.scss @@ -362,13 +362,6 @@ h5 { position: relative; } -.pull-left-1200 { - - @include breakpoint(lg) { - float: left; - } -} - .flex_column { flex-direction: column; } @@ -377,20 +370,6 @@ h5 { align-items: center; } -.is-inline-1200 { - - @include breakpoint(lg) { - flex-direction: row; - } -} - -solid-ac-checker.button-padding { - - @include breakpoint(lg) { - padding-left: 32px; - } -} - .w90 { @include breakpoint(sm) { @@ -405,21 +384,51 @@ solid-ac-checker.button-padding { } } -.p_absolute { +/*.p_absolute { position: absolute; z-index: 1; +}*/ + +.project-edit-picture { + + >div>*:not(:last-child) { + margin-bottom: 2rem; + } + + solid-display { + max-height: 8.5vh; + max-width: 35vw; + } + + solid-ac-checker:first-of-type { + display: flex; + + #solid-picture-remove { + margin-left: 2rem; + } + } + + solid-ac-checker:last-of-type { + align-self: flex-end; + } } -.button-register-picture { - bottom: 0; - right: 0; -} +.project-edit-picture hubl-user-avatar { + border-radius: 0; + max-height: 8.5vh; + max-width: 35vw; + background: antiquewhite; + display: inline-block; -#solid-picture-remove { - margin-top: 2em; + + object { + max-height: 8.5vh; + max-width: 35vw; + } - @include breakpoint(lg) { - margin-top: 0; + img { + max-height: 8.5vh; + max-width: 35vw; } } diff --git a/src/views/project/page-project-picture.pug b/src/views/project/page-project-picture.pug index 9257a73..7bea1d9 100644 --- a/src/views/project/page-project-picture.pug +++ b/src/views/project/page-project-picture.pug @@ -4,7 +4,7 @@ div.content-box__info h1 Modifier l'image du projet - solid-picture( + solid-picture.project-edit-picture( bind-resources upload-src=`${endpoints.uploads || endpoints.post.uploads}` upload-id="solid-project-edit-picture"