Various stylesheet fixes for background image support

This commit is contained in:
Johannes Zellner
2025-03-25 16:11:59 +01:00
parent 5953fd71d3
commit d8373bc488
3 changed files with 42 additions and 4 deletions
+13 -1
View File
@@ -392,10 +392,22 @@ onUnmounted(() => {
background-color: var(--card-background);
}
body.has-background .grid-item {
background-color: rgba(255,255,255,0.3);
filter: drop-shadow(0px 0px 14px white);
}
@media (prefers-color-scheme: dark) {
body.has-background .grid-item {
background-color: rgba(0,0,0,0.3);
filter: drop-shadow(0px 0px 14px black);
}
}
.grid-item:focus,
.grid-item:hover {
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
background-color: var(--pankow-color-background-hover);
background-color: var(--pankow-color-background-hover) !important;
text-decoration: none;
}