5600-workerPhoto_incorrectSize #1522
|
@ -7,22 +7,24 @@ vn-descriptor-content {
|
||||||
|
|
||||||
.photo {
|
.photo {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
& > img[ng-src] {
|
& > img[ng-src] {
|
||||||
min-height: 16em;
|
min-height: 16em;
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 100%;
|
|
||||||
height: 256px;
|
height: 256px;
|
||||||
}
|
}
|
||||||
|
|
||||||
vn-float-button {
|
vn-float-button {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin: 1em;
|
margin: 1em;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0
|
right: 0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
& > vn-spinner {
|
& > vn-spinner {
|
||||||
display: block;
|
display: block;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
@ -39,7 +41,7 @@ vn-descriptor-content {
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
color: $color-font-dark;
|
color: $color-font-dark;
|
||||||
|
|
||||||
& > a,
|
& > a,
|
||||||
& > vn-icon-button {
|
& > vn-icon-button {
|
||||||
display: flex;
|
display: flex;
|
||||||
min-width: 45px;
|
min-width: 45px;
|
||||||
|
@ -89,7 +91,7 @@ vn-descriptor-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
& > vn-icon {
|
& > vn-icon {
|
||||||
padding: $spacing-xs $spacing-sm;
|
padding: $spacing-xs $spacing-sm;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
|
Loading…
Reference in New Issue