feat(website): add entrance animations and CSS-based filter bar visibility

Replace hidden attribute on filter-bar with opacity/transform transition
driven by a .visible class, allowing smooth fade-in/slide-down when a
filter is active. Add staggered hero-in keyframe animations to the page
title, subtitle, action buttons, and search box. Polish sortable table
headers with color transition on hover and active states.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 02:22:07 +08:00
parent 7be5e77186
commit b6bcb2c7e3
3 changed files with 32 additions and 5 deletions

View File

@@ -58,7 +58,7 @@
aria-label="Search libraries"
/>
</div>
<div class="filter-bar" hidden>
<div class="filter-bar">
<span>Showing <strong class="filter-value"></strong></span>
<button class="filter-clear" aria-label="Clear filter">
&times; Clear