diff --git a/src/SettingsApp.tsx b/src/SettingsApp.tsx index 415e7fe..132c896 100644 --- a/src/SettingsApp.tsx +++ b/src/SettingsApp.tsx @@ -326,7 +326,7 @@ function SettingsApp() { {(isSaving || saveMessage) && (
(function 'group relative rounded-win11 cursor-pointer', effectiveCompact ? 'p-2' : 'p-3', 'transition-all duration-150 ease-out', - // Animation delay based on index - 'animate-in', // Blue ring has priority pinnedAndFocused, // Otherwise default focused ring diff --git a/src/components/SetupWizard.tsx b/src/components/SetupWizard.tsx index b90859f..ee1795e 100644 --- a/src/components/SetupWizard.tsx +++ b/src/components/SetupWizard.tsx @@ -275,7 +275,7 @@ export function SetupWizard({ onComplete }: SetupWizardProps) { const steps = [ // Step 0: Welcome -
+
, // Step 1: Permissions -
+
, // Step 2: Shortcut Configuration -
+
, // Step 3: Autostart -
+
, // Step 4: Done -
+
-
+
{steps[step]} {/* Progress dots */} diff --git a/src/index.css b/src/index.css index 91394ed..fcf01be 100644 --- a/src/index.css +++ b/src/index.css @@ -152,24 +152,6 @@ body { } } -/* Animations */ -@layer utilities { - .animate-in { - animation: fadeSlideIn 0.2s ease-out forwards; - } - - @keyframes fadeSlideIn { - from { - opacity: 0; - transform: translateY(4px); - } - to { - opacity: 1; - transform: translateY(0); - } - } -} - /* Focus styles for accessibility */ @layer components { .focus-ring { diff --git a/tailwind.config.js b/tailwind.config.js index 2df8dc0..90b8311 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -61,25 +61,6 @@ export default { 'win11-card': '0 2px 8px rgba(0, 0, 0, 0.15)', 'win11-elevated': '0 16px 48px rgba(0, 0, 0, 0.35)', }, - animation: { - 'fade-in': 'fadeIn 0.15s ease-out', - 'slide-up': 'slideUp 0.2s ease-out', - 'scale-in': 'scaleIn 0.15s ease-out', - }, - keyframes: { - fadeIn: { - '0%': { opacity: '0' }, - '100%': { opacity: '1' }, - }, - slideUp: { - '0%': { opacity: '0', transform: 'translateY(8px)' }, - '100%': { opacity: '1', transform: 'translateY(0)' }, - }, - scaleIn: { - '0%': { opacity: '0', transform: 'scale(0.95)' }, - '100%': { opacity: '1', transform: 'scale(1)' }, - }, - }, fontFamily: { 'segoe': ['"Segoe UI Variable"', '"Segoe UI"', 'system-ui', 'sans-serif'], },