PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve wish details image placeholder

Browse source
This commit is contained in:
grandeljay 2022-12-29 16:05:31 +01:00
parent 697b382afd
commit cdf4899863
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/assets/css/wish.css
View file

@ -15,8 +15,10 @@
/** Image */ /** Image */
.ui.modal.wish-details .wish-image { .ui.modal.wish-details .wish-image {
--imageHeight: 40vh;
width: 100%; width: 100%;
max-height: 40vh; max-height: var(--imageHeight);
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.ui.modal.wish-details .wish-image { .ui.modal.wish-details .wish-image {
@ -39,6 +41,9 @@
.ui.modal.wish-details .wish-image .ui.placeholder { .ui.modal.wish-details .wish-image .ui.placeholder {
height: 100%; height: 100%;
} }
.ui.modal.wish-details .wish-image .ui.placeholder .image:not(.header):not(.ui):not(.icon) {
height: var(--imageHeight);
}
/** Description */ /** Description */
.ui.modal.wish-details .description.description { .ui.modal.wish-details .description.description {