style: fix style problem

This commit is contained in:
dengll 2023-11-29 18:09:23 +08:00
parent 1cc3538208
commit f17b971228
3 changed files with 13 additions and 3 deletions

View File

@ -76,7 +76,7 @@ const ToastBody = styled.div<{
max-width: ${(props) => props.maxWidth || "264px"};
margin-left: auto;
background: var(--ads-toast-background-color);
padding: var(--ads-spaces-4) var(--ads-spaces-5);
padding: var(--ads-v2-spaces-3);
display: flex;
align-items: center;
justify-content: space-between;

View File

@ -125,7 +125,7 @@ div.bp3-popover-arrow {
}
.Toastify__toast {
padding: 0 !important;
// padding: 0 !important;
border-radius: 4px !important;
box-shadow: none !important;
}

View File

@ -160,7 +160,17 @@ const Wrapper = styled(
width: ${(props) => props.theme.card.minWidth}px;
height: ${(props) => props.theme.card.minHeight}px;
position: relative;
background-color: ${(props) => props.backgroundColor};
background-color: #ffffff;
border: 2px solid ${(props) => props.backgroundColor};
background-image: repeating-radial-gradient(
circle at 0 0,
rgba(0, 0, 0, 0) 0,
#ffffff 12px
),
repeating-linear-gradient(
${(props) => props.backgroundColor}11,
${(props) => props.backgroundColor}66
);
border-radius: var(--ads-v2-border-radius);
.overlay {
display: block;