max/memorium
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

fix: remove filters on images due to performance

Browse Source
This commit is contained in:
max_richter 2023-08-23 14:18:31 +02:00
parent fab9bac4a5
commit cda5f2dc5b
2 changed files with 2 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Card.tsx
View File

@ -54,7 +54,7 @@ export function Card(
</span> </span>
)} )}
<div <div
class="p-4 flex flex-col justify-between relative z-10 desaturated" class="p-4 flex flex-col justify-between relative z-10"
style={{ style={{
outline: "solid 2px #141218", outline: "solid 2px #141218",
borderRadius: "1.4rem", borderRadius: "1.4rem",

13
static/global.css
View File

@ -1,9 +1,7 @@
.animate-hover { .animate-hover {
animation: hover 4s infinite; animation: hover 4s infinite;
} }
@keyframes hover { @keyframes hover {
0%, 100% { 0%, 100% {
transform: translateY(-15%); transform: translateY(-15%);
@ -50,15 +48,6 @@ input[type=number] {
background-position: 0px 0px; background-position: 0px 0px;
} }
.desaturated {
transition: backdrop-filter 0.3s ease;
backdrop-filter: contrast(0.8) saturate(0.8);
}
.desaturated:hover{
backdrop-filter: contrast(1) saturate(1);
}
.octicon-link { .octicon-link {
width: 14px; width: 14px;
height: 14px; height: 14px;