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

Improve card design

Browse source
This commit is contained in:
Jay Trees 2022-04-11 10:40:59 +02:00
parent 13767cb504
commit 2bc27a847f
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/assets/css/default.css
View file

@ -60,12 +60,16 @@ img {
@media (hover: hover) {
@media (prefers-reduced-motion: no-preference) {
.ui.card > .image > img.preview {
transition: height 0.2s linear;
transition: height 0.2s linear, opacity 0.2s linear;
}
}
.ui.card:hover > .image > img.preview {
height: calc(1em + 3 * var(--padding));
}
.ui.card:hover > .image > img.preview[src="/src/assets/img/no-image.svg"] {
object-fit: contain;
background-color: #f9f9f9;
}
}
/** Provider */