fix: remove unused css

hamzaabamboo · Apr 15, 2024 · b81f442 · b81f442
1 parent 52087a7
commit b81f442
Showing 1 changed file with 2 additions and 16 deletions.
diff --git a/apps/astro/src/components/namecard/InteractiveNamecard.tsx b/apps/astro/src/components/namecard/InteractiveNamecard.tsx
@@ -15,34 +15,24 @@ export const InteractiveNamecard = ({ data }: { data: NamecardData }) => {
         ['--color' as 'color']: data.color
       }}
       gap="0"
-      w="full"
       width="var(--width)"
-      h="full"
       height="var(--height)"
-      perspective="var(--width)"
+      perspective="calc(2 * var(--width))"
       perspectiveOrigin="center"
     >
       <Box
-        className="card"
         style={{
           viewTransitionName: `namecard-${data.variant}-front`
         }}
-        position="relative"
         shadow="md"
-        transition="transform"
         animation={{ base: '5s linear infinite spin', _groupHover: 'none' }}
-        transitionTimingFunction="linear"
-        transitionDelay="0.1s"
-        transitionDuration="1s"
         transformStyle="preserve-3d"
       >
-        <Box backfaceVisibility="hidden" position="absolute" top="0" left="0">
+        <Box position="absolute">
           <StyledNamecard data={data} side="front" />
         </Box>
         <Box
           position="absolute"
-          top="0"
-          left="0"
           transformOrigin="left"
           width="var(--thickness)"
           height="var(--height)"
@@ -52,16 +42,12 @@ export const InteractiveNamecard = ({ data }: { data: NamecardData }) => {
         <Box
           backfaceVisibility="hidden"
           position="absolute"
-          top="0"
-          left="0"
-          transition="transform"
           transform="rotateY(180deg) translateZ(var(--thickness))"
         >
           <StyledNamecard data={data} side="back" />
         </Box>
         <Box
           position="absolute"
-          top="0"
           right="0"
           transformOrigin="right"
           width="var(--thickness)"