fix(videos): improve ToolPill depth, visibility, and polish

- ToolPill: add box-shadow (0 2px 8px), gradient overlay for glossy depth,
  subtle white border for definition
- ToolGalaxy: fix tagline so counter number appears before "tools. Zero cloud
  dependency." text instead of being separated
This commit is contained in:
SnapOtter
2026-05-08 18:48:32 +08:00
parent a44214cc6d
commit 9affd784c4
2 changed files with 13 additions and 1 deletions
@@ -475,7 +475,16 @@ export const ToolGalaxy: React.FC = () => {
}}
>
<ClipReveal startFrame={580}>
<span style={{ ...TEXT.sectionTitle }}>tools. Zero cloud dependency.</span>
<span style={{ ...TEXT.sectionTitle }}>
<Counter
from={0}
to={TOOLS.length}
startFrame={580}
duration={30}
style={{ ...TEXT.sectionTitle, color: COLOR.accent, display: "inline" }}
/>{" "}
tools. Zero cloud dependency.
</span>
</ClipReveal>
</div>
)}