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

This commit is contained in:
Jordan Frankfurt 2022-11-02 17:36:34 -05:00 committed by GitHub
parent d575c72127
commit 31b0c3dc04
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -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 }>`
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 = ({
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>