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 <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, ${ style={`background-image: linear-gradient(to bottom left, ${
pickTwoRandomColors()[0] pickTwoRandomColors()[0]
} 0%, ${pickTwoRandomColors()[1]} 100%)`} } 0%, ${pickTwoRandomColors()[1]} 100%)`}

4
src/styles/global.css
View File

@@ -192,11 +192,11 @@
} }
& img { & 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 { &:hover img {
@apply scale-105 blur-sm brightness-[70%]; @apply scale-105 blur-sm brightness-[100%] dark:brightness-[70%];
} }
} }
} }