Commit 31b0c3dc authored by Jordan Frankfurt's avatar Jordan Frankfurt Committed by GitHub

fix: remove border-top-x-radius (#5071)

parent d575c721
...@@ -22,7 +22,7 @@ import { switchChain } from 'utils/switchChain' ...@@ -22,7 +22,7 @@ import { switchChain } from 'utils/switchChain'
import * as styles from './BagFooter.css' import * as styles from './BagFooter.css'
const Footer = styled.div<{ $showWarning: boolean }>` const Footer = styled.div`
border-top: 1px solid ${({ theme }) => theme.backgroundOutline}; border-top: 1px solid ${({ theme }) => theme.backgroundOutline};
color: ${({ theme }) => theme.textPrimary}; color: ${({ theme }) => theme.textPrimary};
display: flex; display: flex;
...@@ -30,8 +30,6 @@ const Footer = styled.div<{ $showWarning: boolean }>` ...@@ -30,8 +30,6 @@ const Footer = styled.div<{ $showWarning: boolean }>`
padding: 12px 16px; padding: 12px 16px;
border-bottom-left-radius: 12px; border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px; border-bottom-right-radius: 12px;
border-top-left-radius: ${({ $showWarning }) => ($showWarning ? '0' : '12')}px;
border-top-right-radius: ${({ $showWarning }) => ($showWarning ? '0' : '12')}px;
` `
const WarningIcon = styled(AlertTriangle)` const WarningIcon = styled(AlertTriangle)`
...@@ -154,7 +152,7 @@ export const BagFooter = ({ ...@@ -154,7 +152,7 @@ export const BagFooter = ({
return ( return (
<Column className={styles.footerContainer}> <Column className={styles.footerContainer}>
<Footer $showWarning={bagStatus === BagStatus.WARNING}> <Footer>
<Column gap="4" paddingTop="8" paddingBottom="20"> <Column gap="4" paddingTop="8" paddingBottom="20">
<Row justifyContent="space-between"> <Row justifyContent="space-between">
<Box> <Box>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment