fix: fix discover server card color schema fit

should support light color
pull/105/head
moonrailgun 2 years ago
parent 4028f46083
commit 480a1e3442

@ -11,6 +11,12 @@ import { Translate } from '../translate';
import { request } from '../request'; import { request } from '../request';
const Root = styled.div` const Root = styled.div`
--discover-server-card: #fff;
.dark & {
--discover-server-card: #2c3441;
}
width: 100%; width: 100%;
height: 320px; height: 320px;
display: flex; display: flex;
@ -18,7 +24,7 @@ const Root = styled.div`
overflow: hidden; overflow: hidden;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
background-color: #2c3441; background-color: var(--discover-server-card);
.header { .header {
height: 143px; height: 143px;
@ -31,7 +37,7 @@ const Root = styled.div`
position: absolute; position: absolute;
bottom: -21px; bottom: -21px;
left: 12px; left: 12px;
border: 6px solid #2c3441; border: 6px solid var(--discover-server-card);
border-radius: 6px; border-radius: 6px;
} }
} }

Loading…
Cancel
Save