kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: adjust brightness of images in light mode

Browse Source
This commit is contained in:
Stefan Imhoff
2023-06-10 16:56:29 +02:00
parent 088f476c96
commit 7a707c9e59
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/JournalList.astro
View File

@@ -37,7 +37,7 @@ const { entries } = Astro.props;
</>
) : (
<div
class="h-full w-full scale-105 bg-gray-800 blur-sm brightness-[50%] filter transition duration-300 ease-in-out group-hover:brightness-[90%]"
class="h-full w-full scale-105 bg-gray-800 blur-sm brightness-[80%] filter transition duration-300 ease-in-out group-hover:brightness-[90%] dark:brightness-[50%] dark:group-hover:brightness-[100%]"
style={`background-image: linear-gradient(to bottom left, ${
pickTwoRandomColors()[0]
} 0%, ${pickTwoRandomColors()[1]} 100%)`}

4
src/styles/global.css
View File

@@ -192,11 +192,11 @@
}
& img {
@apply !h-full scale-100 blur-0 brightness-[50%] filter transition duration-300 ease-in-out;
@apply !h-full scale-100 blur-0 brightness-[80%] filter transition duration-300 ease-in-out dark:brightness-[50%];
}
&:hover img {
@apply scale-105 blur-sm brightness-[70%];
@apply scale-105 blur-sm brightness-[100%] dark:brightness-[70%];
}
}
}