fix: width on tiles

HORNET-Storage · Aug 30, 2024 · 2ce160f · 2ce160f
1 parent e45d2ce
commit 2ce160f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/src/components/nft-dashboard/Balance/components/SendForm/SendForm.styles.ts b/src/components/nft-dashboard/Balance/components/SendForm/SendForm.styles.ts
@@ -14,6 +14,7 @@ export const TextRow = styled.div`
 `;
 
 export const SubCard = styled(BaseCard)`
+  width: 30%;
   background-color: var(--additional-background-color);
   cursor: pointer;
   box-shadow: 0px 0px 10px 0px var(--shadow-color);
@@ -44,8 +45,7 @@ export const SubCardHeader = styled.span`
 `;
 
 export const InputHeader = styled.span`
-  font-size: 1.5rem ; 
-  
+  font-size: 1.5rem;
 `;
 
 export const SubCardAmount = styled.span`
@@ -128,7 +128,6 @@ export const RateValue = styled.span`
   color: green;
 `;
 export const RBFWrapper = styled.div`
-
   display: flex;
   flex-direction: row;
   gap: 1rem;

diff --git a/src/components/nft-dashboard/Balance/components/SendForm/SendForm.tsx b/src/components/nft-dashboard/Balance/components/SendForm/SendForm.tsx
@@ -141,7 +141,11 @@ const SendForm: React.FC<SendFormProps> = ({ onSend }) => {
           } `}
         >
           <S.SubCardContent>
-            <S.SubCardAmount>{`Low Priority`}</S.SubCardAmount>
+            <S.SubCardAmount>
+              {`Low`}
+              <br />
+              {`Priority`}
+            </S.SubCardAmount>
             <S.RateValueWrapper>
               <span> {`${testTiers[0].rate} sat/vB`}</span>
               <S.RateValue>{`${fees?.low} Sats`}</S.RateValue>
@@ -156,7 +160,11 @@ const SendForm: React.FC<SendFormProps> = ({ onSend }) => {
           } `}
         >
           <S.SubCardContent>
-            <S.SubCardAmount>{`Medium Priority`}</S.SubCardAmount>
+            <S.SubCardAmount>
+              {`Medium`}
+              <br />
+              {`Priority`}
+            </S.SubCardAmount>
             <S.RateValueWrapper>
               <span> {`${testTiers[1].rate} sat/vB`}</span>
               <S.RateValue>{`${fees?.med} Sats`}</S.RateValue>
@@ -171,7 +179,11 @@ const SendForm: React.FC<SendFormProps> = ({ onSend }) => {
           } `}
         >
           <S.SubCardContent>
-            <S.SubCardAmount>{`High Priority`}</S.SubCardAmount>
+            <S.SubCardAmount>
+              {`High`}
+              <br />
+              {`Priority`}
+            </S.SubCardAmount>
             <S.RateValueWrapper>
               <span> {`${testTiers[2].rate} sat/vB`}</span>
               <S.RateValue>{`${fees?.high} Sats`}</S.RateValue>