feature: project: modify image - refactoring
This commit is contained in:
parent
7ee2f8e14b
commit
efae21e6c2
@ -384,94 +384,6 @@ h5 {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*.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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-edit-picture hubl-user-avatar {
|
|
||||||
border-radius: 0;
|
|
||||||
max-height: 8.5vh;
|
|
||||||
max-width: 35vw;
|
|
||||||
background: antiquewhite;
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
|
|
||||||
object {
|
|
||||||
max-height: 8.5vh;
|
|
||||||
max-width: 35vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-height: 8.5vh;
|
|
||||||
max-width: 35vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*.p_relative {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-inline-1200 {
|
|
||||||
|
|
||||||
@include breakpoint(lg) {
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex_vertical-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex_column {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pull-left-1200 {
|
|
||||||
|
|
||||||
@include breakpoint(lg) {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.profile-avatar {
|
|
||||||
height: 243px;
|
|
||||||
width: 243px;
|
|
||||||
margin-left: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
solid-picture {
|
|
||||||
|
|
||||||
}*/
|
|
||||||
|
|
||||||
|
|
||||||
.content-box {
|
.content-box {
|
||||||
@include window-style-modal();
|
@include window-style-modal();
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -3,4 +3,5 @@
|
|||||||
@import 'filters';
|
@import 'filters';
|
||||||
@import 'sidebar';
|
@import 'sidebar';
|
||||||
@import 'skills';
|
@import 'skills';
|
||||||
@import 'tags';
|
@import 'tags';
|
||||||
|
@import 'project-edit-picture';
|
||||||
|
39
src/styles/components/project-edit-picture.scss
Normal file
39
src/styles/components/project-edit-picture.scss
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
.project-edit-picture {
|
||||||
|
|
||||||
|
>div>*:not(:last-child) {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
hubl-user-avatar {
|
||||||
|
background: transparent;
|
||||||
|
border-radius: 0;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
object, img {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
solid-ac-checker:first-of-type {
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
@include breakpoint(lg) {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#solid-picture-remove {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-top: 2rem;
|
||||||
|
|
||||||
|
@include breakpoint(lg) {
|
||||||
|
margin-left: 2rem;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
solid-ac-checker:last-of-type {
|
||||||
|
align-self: flex-end;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user