adjust margins on text based fallback comps

1ifeworld · Jun 2, 2024 · 48514c7 · 48514c7
1 parent 85b1dd9
commit 48514c7
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/apps/site/components/server/ItemFallback.tsx b/apps/site/components/server/ItemFallback.tsx
@@ -97,7 +97,10 @@ export function TextFallback({ size }: { size?: 'xs' | 'sm' | 'md' | 'lg' }) {
   return (
     <div
       className={cn(
-        'w-1/3 md:1/4 aspect-square mt-1',
+        'w-1/3 md:1/4 aspect-square mt-6',
+        size === 'xs' && 'mt-1',
+        size === 'sm' && 'mt-1',
+        size === 'md' && 'mt-1',
         size === 'lg' && 'mr-1 mt-4',
       )}
     >
@@ -119,7 +122,10 @@ export function ThreeDFallback({ size }: { size?: 'xs' | 'sm' | 'md' | 'lg' }) {
   return (
     <div
       className={cn(
-        'w-1/3 md:1/4 aspect-square mt-1',
+        'w-1/3 md:1/4 aspect-square mt-6',
+        size === 'xs' && 'mt-1',
+        size === 'sm' && 'mt-1',
+        size === 'md' && 'mt-1',
         size === 'lg' && 'mr-1 mt-4',
       )}
     >