fix: Show border bottom only if dashboard tips is shown (#2076)

polkadot-cloud · Apr 11, 2024 · 459da24 · 459da24
1 parent 1418899
commit 459da24
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/pages/Overview/StakeStatus/Wrappers.ts b/src/pages/Overview/StakeStatus/Wrappers.ts
@@ -4,7 +4,7 @@
 import styled from 'styled-components';
 import { PageWidthMediumThreshold } from 'consts';
 
-export const StatusWrapper = styled.div`
+export const StatusWrapper = styled.div<{ borderBottom: boolean }>`
   display: flex;
   flex-wrap: wrap;
   padding: 1.5rem 1.5rem 0 1.5rem;
@@ -30,7 +30,8 @@ export const StatusWrapper = styled.div`
     }
 
     > section {
-      border-bottom: 1px solid var(--border-primary-color);
+      border-bottom: ${(props) =>
+        props.borderBottom ? '1px solid var(--border-primary-color)' : 'none'};
       padding-bottom: 0.75rem;
       @media (max-width: ${PageWidthMediumThreshold}px) {
         padding-bottom: 0.5rem;

diff --git a/src/pages/Overview/StakeStatus/index.tsx b/src/pages/Overview/StakeStatus/index.tsx
@@ -15,7 +15,7 @@ export const StakeStatus = () => {
 
   return (
     <CardWrapper style={{ padding: 0 }}>
-      <StatusWrapper>
+      <StatusWrapper borderBottom={showTips}>
         <RowSection secondary>
           <section>
             <NominationStatus showButtons={false} />