From 4e44636d686b65fb4af4be73fb739271b41ce00d Mon Sep 17 00:00:00 2001 From: TerryM Date: Thu, 28 May 2026 21:55:17 +0800 Subject: [PATCH] feat: add global animation styles --- package-lock.json | 7 +++++++ package.json | 1 + src/index.css | 3 +++ src/main.tsx | 1 + 4 files changed, 12 insertions(+) diff --git a/package-lock.json b/package-lock.json index 84b95f4..963e66b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "ark-database-web", "version": "1.0.0", "dependencies": { + "animate.css": "^4.1.1", "lucide-react": "^0.460.0", "react": "^18.3.1", "react-dom": "^18.3.1", @@ -1721,6 +1722,12 @@ "url": "https://opencollective.com/vitest" } }, + "node_modules/animate.css": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz", + "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==", + "license": "MIT" + }, "node_modules/ansi-regex": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", diff --git a/package.json b/package.json index 3785fbf..c40e5ff 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "test:watch": "vitest" }, "dependencies": { + "animate.css": "^4.1.1", "lucide-react": "^0.460.0", "react": "^18.3.1", "react-dom": "^18.3.1", diff --git a/src/index.css b/src/index.css index 4bab0a0..5fa7c2c 100644 --- a/src/index.css +++ b/src/index.css @@ -20,6 +20,9 @@ body { /* Match theme: avoid default blue accent on controls */ :root { accent-color: #eeb726; + --animate-duration: 720ms; + --animate-delay: 0s; + --animate-repeat: 1; } header a, diff --git a/src/main.tsx b/src/main.tsx index 743eaa6..f1abb8b 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,5 +1,6 @@ import React from "react"; import ReactDOM from "react-dom/client"; +import "animate.css"; import "./index.css"; const adminOnly = import.meta.env.VITE_ADMIN_ONLY === "true";