nvrl/narlblog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed off center hover sigil

Browse Source
This commit is contained in:
Nils Pukropp
2026-05-17 15:34:15 +02:00
parent 3530055f59
commit dc8e3d55b1
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/react/PostList.tsx
+2 -2
View File
@@ -202,6 +202,8 @@ export default function PostList({ posts: initialPosts, isAdmin = false }: Props
<span>{formatYear(post.date)}</span> <span>{formatYear(post.date)}</span>
</div> </div>
</div> </div>
<PlateSigil />
</a> </a>
{post.tags && post.tags.length > 0 && ( {post.tags && post.tags.length > 0 && (
@@ -237,8 +239,6 @@ export default function PostList({ posts: initialPosts, isAdmin = false }: Props
</button> </button>
</div> </div>
)} )}
<PlateSigil />
</article> </article>
); );
})} })}
frontend/src/styles/partials/70-cybersigil.css
+6 -6
View File
@@ -428,14 +428,14 @@ html.cybersigil body::after {
stroke: color-mix(in srgb, var(--mauve) 68%, var(--sky)); stroke: color-mix(in srgb, var(--mauve) 68%, var(--sky));
filter: drop-shadow(0 0 4px color-mix(in srgb, var(--mauve) 55%, transparent)); filter: drop-shadow(0 0 4px color-mix(in srgb, var(--mauve) 55%, transparent));
} }
.cybersigil .plate-enter:hover .cs-plate-sig, .cybersigil .plate:hover .cs-plate-sig,
.cybersigil .plate-enter:focus-within .cs-plate-sig { .cybersigil .plate:focus-visible .cs-plate-sig {
opacity: 0.5; opacity: 0.5;
} }
.cybersigil .plate-enter:hover .cs-plate-sig .cs-sigil path, .cybersigil .plate:hover .cs-plate-sig .cs-sigil path,
.cybersigil .plate-enter:hover .cs-plate-sig .cs-sigil line, .cybersigil .plate:hover .cs-plate-sig .cs-sigil line,
.cybersigil .plate-enter:focus-within .cs-plate-sig .cs-sigil path, .cybersigil .plate:focus-visible .cs-plate-sig .cs-sigil path,
.cybersigil .plate-enter:focus-within .cs-plate-sig .cs-sigil line { .cybersigil .plate:focus-visible .cs-plate-sig .cs-sigil line {
animation: cs-carve 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards; animation: cs-carve 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
animation-delay: calc(var(--i, 0) * 55ms); animation-delay: calc(var(--i, 0) * 55ms);
} }