Fix UI problem on channel token tab

WRadoslaw · Mar 17, 2024 · 6e75736 · 6e75736
1 parent a9c6688
commit 6e75736
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/packages/atlas/src/components/_crt/CrtBasicInfoWidget/CrtBasicInfoWidget.tsx b/packages/atlas/src/components/_crt/CrtBasicInfoWidget/CrtBasicInfoWidget.tsx
@@ -54,7 +54,6 @@ export type CrtMainInfoProps = {
 
 export const CrtMainInfo = ({
   name,
-  description,
   avatar,
   symbol,
   accountsNum,

diff --git a/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.styles.ts b/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.styles.ts
@@ -33,6 +33,8 @@ export const ToggleContainer = styled.div`
   }
 `
 export const StatisticsContainer = styled.div`
+  width: 100%;
+
   ::before {
     content: '';
     display: block;

diff --git a/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.tsx b/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.tsx
@@ -48,7 +48,7 @@ export const CrtStatusWidget: FC<CrtStatusWidgetProps> = ({ token }) => {
     <Widget
       title={status === 'inactive' ? 'Status' : ''}
       customNode={
-        <>
+        <FlexBox width="100%" flow="column" gap={4}>
           {status === 'inactive' ? <InactiveDetails /> : status === 'market' ? <MarketDetails token={token} /> : null}
 
           <StatisticsContainer>
@@ -99,7 +99,7 @@ export const CrtStatusWidget: FC<CrtStatusWidgetProps> = ({ token }) => {
               />
             </Drawer>
           </StatisticsContainer>
-        </>
+        </FlexBox>
       }
     />
   )