|
|
@ -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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|