gallery image pooly stretched bug fixed

fixed #188
This commit is contained in:
zzossig 2020-02-20 10:19:33 +09:00
parent 06b1f5d4b9
commit 00e21e7bcd
3 changed files with 10 additions and 5 deletions

View File

@ -293,7 +293,7 @@
} }
&--item { &--item {
padding: 0.25rem 0.75rem; padding: 0.5rem 2.25rem !important;
height: auto; height: auto;
margin: auto; margin: auto;
min-width: 40px; min-width: 40px;

View File

@ -74,9 +74,7 @@
&__desc { &__desc {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0;
top: 0; top: 0;
bottom: 0;
padding: 0.5rem; padding: 0.5rem;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -86,7 +84,6 @@
font-weight: 700; font-weight: 700;
cursor: pointer; cursor: pointer;
@include truncate(350px);
@include box-shadow(0, 0, 0, 0, rgba(0, 0, 0, 0)); @include box-shadow(0, 0, 0, 0, rgba(0, 0, 0, 0));
@include on-event { @include on-event {
@include box-shadow(0, 4px, 4px, 0, rgba(0, 0, 0, 0.4)); @include box-shadow(0, 4px, 4px, 0, rgba(0, 0, 0, 0.4));
@ -101,6 +98,7 @@
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
word-wrap: break-word;
@include flexbox(); @include flexbox();
@include flex-direction(column); @include flex-direction(column);
@ -115,5 +113,12 @@
} }
} }
} }
@media only screen and (max-width: 600px) {
img {
object-fit: cover;
max-height: 300px;
}
}
} }
} }