Set card margin to 1px

cartridge-gg · Nov 20, 2024 · ad615e8 · ad615e8
1 parent 45dc31a
commit ad615e8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/profile/src/components/inventory/collection/asset.tsx b/packages/profile/src/components/inventory/collection/asset.tsx
@@ -99,7 +99,7 @@ export function Asset() {
             <CardTitle>Properties</CardTitle>
           </CardHeader>
 
-          <CardContent className="bg-background grid grid-cols-3 gap-0.5 p-0">
+          <CardContent className="bg-background grid grid-cols-3 p-0">
             {asset.attributes.map((a) => (
               <div
                 key={`${a.type}-${a.name}`}

diff --git a/packages/profile/src/components/inventory/token/tokens.tsx b/packages/profile/src/components/inventory/token/tokens.tsx
@@ -38,7 +38,7 @@ export function Tokens() {
       </CardHeader>
 
       {/* <Link to={`${location.pathname}/token/credit`} state={{ back: location.pathname }}>
-        <CardContent className="bg-background flex items-center p-0 h-full gap-0.5">
+        <CardContent className="bg-background flex items-center p-0 h-full gap-px">
           <div className="bg-secondary flex h-full aspect-square items-center justify-center">
             <CoinsIcon variant="solid" size="sm" />
           </div>
@@ -77,7 +77,7 @@ function TokenCardContent({
   });
 
   return (
-    <CardContent className="bg-background flex items-center p-0 h-full gap-0.5">
+    <CardContent className="bg-background flex items-center p-0 h-full gap-px">
       <div className="bg-secondary flex h-full aspect-square items-center justify-center">
         <img
           src={token.meta.logoUrl ?? "/public/placeholder.svg"}

diff --git a/packages/ui-next/src/components/primitives/card.tsx b/packages/ui-next/src/components/primitives/card.tsx
@@ -9,7 +9,7 @@ const Card = React.forwardRef<
   <div
     ref={ref}
     className={cn(
-      "flex flex-col rounded overflow-hidden text-secondary-foreground shadow gap-y-0.5 shrink-0",
+      "flex flex-col rounded overflow-hidden text-secondary-foreground shadow gap-y-px shrink-0",
       className,
     )}
     {...props}