fix: replace token card padding so images represent full token card size

blockful-io · Mar 27, 2024 · 13c1a07 · 13c1a07
1 parent 71b0294
commit 13c1a07
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/02-molecules/TokenCard.tsx b/components/02-molecules/TokenCard.tsx
@@ -253,7 +253,7 @@ export const TokenCard = ({
   ) : (
     <>
       {ButtonLayout(
-        <div className="dark:text-[#707572] text-[#707572] flex justify-center items-center w-full h-full text-[10px] font-medium oveflow-y-scroll break-all">
+        <div className="p-2 dark:text-[#707572] text-[#707572] flex justify-center items-center w-full h-full text-[10px] font-medium oveflow-y-scroll break-all">
           {getTokenName(tokenData, {
             withAmountPrefix: tokenData.tokenType === TokenType.ERC20,
             displayTokenAmount: displayERC20TokensAmount,

diff --git a/styles/global.css b/styles/global.css
@@ -195,13 +195,13 @@ input[type="number"] {
   }
 
   .card-token-normal {
-    @apply p-2 shadow-inner w-[90px] h-[90px] lg:w-[80px] lg:h-[80px] relative rounded-xl border border-[#E0E0E0] bg-[#E0E0E0] dark:bg-[#353836] dark:border-[#212322] flex flex-col shadow-token;
+    @apply shadow-inner w-[90px] h-[90px] lg:w-[80px] lg:h-[80px] relative rounded-xl border border-[#E0E0E0] bg-[#E0E0E0] dark:bg-[#353836] dark:border-[#212322] flex flex-col shadow-token;
   }
   .card-token-small {
     @apply shadow-inner mx-auto w-[55px] h-[55px] lg:w-[55px] lg:h-[55px] relative rounded-lg border-2 border-[#E0E0E0] bg-[#E0E0E0] dark:bg-[#353836] dark:border-[#212322] flex flex-col shadow-token;
   }
   .card-token-medium {
-    @apply p-2 shadow-inner w-[72px] h-[72px] lg:w-[72px] lg:h-[72px] relative rounded-xl border border-[#E0E0E0] bg-[#E0E0E0] dark:bg-[#353836] dark:border-[#212322] flex flex-col shadow-token;
+    @apply shadow-inner w-[72px] h-[72px] lg:w-[72px] lg:h-[72px] relative rounded-xl border border-[#E0E0E0] bg-[#E0E0E0] dark:bg-[#353836] dark:border-[#212322] flex flex-col shadow-token;
   }
   .card-token-large {
     @apply shadow-inner mx-auto w-[90px] h-[90px] lg:w-[80px] lg:h-[80px] relative rounded-xl border-2 border-[#E0E0E0] bg-[#E0E0E0] dark:bg-[#353836] dark:border-[#212322] flex flex-col shadow-token;