mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-05-07 01:02:36 +00:00
feat: redesign server listing design language
This commit is contained in:
parent
e5d83bc133
commit
0ed5d696df
4 changed files with 71 additions and 7 deletions
|
@ -1,5 +1,6 @@
|
|||
import { palette } from '@roleypoly/design-system/atoms/colors';
|
||||
import { transitions } from '@roleypoly/design-system/atoms/timings';
|
||||
import { text400 } from '@roleypoly/design-system/atoms/typography';
|
||||
import styled from 'styled-components';
|
||||
|
||||
export const GuildNavItem = styled.a`
|
||||
|
@ -19,3 +20,23 @@ export const GuildNavItem = styled.a`
|
|||
cursor: pointer;
|
||||
}
|
||||
`;
|
||||
|
||||
export const SectionHead = styled.div`
|
||||
${text400}
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
svg {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
color: ${palette.taupe500};
|
||||
}
|
||||
`;
|
||||
|
||||
export const HeadLine = styled.div`
|
||||
flex: 1;
|
||||
height: 1px;
|
||||
background-color: ${palette.taupe300};
|
||||
margin-left: 0.5em;
|
||||
`;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue