♻️(frontend) use pandas utilities

Forgot how panda css is amazing. They provide all kinds of utilities, and few for accessibility. Amazing!
suitenumerique · Jan 24, 2025 · 30bde2f · 30bde2f
1 parent 96c18fc
commit 30bde2f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/frontend/src/features/home/routes/Home.tsx b/src/frontend/src/features/home/routes/Home.tsx
@@ -32,10 +32,10 @@ const Columns = ({ children }: { children?: ReactNode }) => {
         justifyContent: 'normal',
         padding: '0 1rem',
         width: 'calc(100% - 2rem)',
-        '@media(prefers-reduced-motion: reduce)': {
+        _motionReduce: {
           opacity: 1,
         },
-        '@media(prefers-reduced-motion: no-preference)': {
+        _motionSafe: {
           opacity: 0,
           animation: '.5s ease-in fade 0s forwards',
         },