diff --git a/frontend/src/components/react/PostList.tsx b/frontend/src/components/react/PostList.tsx index 89b2a89..013c5fd 100644 --- a/frontend/src/components/react/PostList.tsx +++ b/frontend/src/components/react/PostList.tsx @@ -202,6 +202,8 @@ export default function PostList({ posts: initialPosts, isAdmin = false }: Props {formatYear(post.date)} + + {post.tags && post.tags.length > 0 && ( @@ -237,8 +239,6 @@ export default function PostList({ posts: initialPosts, isAdmin = false }: Props )} - - ); })} diff --git a/frontend/src/styles/partials/70-cybersigil.css b/frontend/src/styles/partials/70-cybersigil.css index d917a78..6e93af4 100644 --- a/frontend/src/styles/partials/70-cybersigil.css +++ b/frontend/src/styles/partials/70-cybersigil.css @@ -428,14 +428,14 @@ html.cybersigil body::after { stroke: color-mix(in srgb, var(--mauve) 68%, var(--sky)); filter: drop-shadow(0 0 4px color-mix(in srgb, var(--mauve) 55%, transparent)); } -.cybersigil .plate-enter:hover .cs-plate-sig, -.cybersigil .plate-enter:focus-within .cs-plate-sig { +.cybersigil .plate:hover .cs-plate-sig, +.cybersigil .plate:focus-visible .cs-plate-sig { opacity: 0.5; } -.cybersigil .plate-enter:hover .cs-plate-sig .cs-sigil path, -.cybersigil .plate-enter:hover .cs-plate-sig .cs-sigil line, -.cybersigil .plate-enter:focus-within .cs-plate-sig .cs-sigil path, -.cybersigil .plate-enter:focus-within .cs-plate-sig .cs-sigil line { +.cybersigil .plate:hover .cs-plate-sig .cs-sigil path, +.cybersigil .plate:hover .cs-plate-sig .cs-sigil line, +.cybersigil .plate:focus-visible .cs-plate-sig .cs-sigil path, +.cybersigil .plate:focus-visible .cs-plate-sig .cs-sigil line { animation: cs-carve 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards; animation-delay: calc(var(--i, 0) * 55ms); }