yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Improve dark mode styling

Browse Source 
fix: Improve user and group list styling
fix: Member list reload when changing permissions, closes #1999
This commit is contained in:
Tom Moor
2021-03-31 20:57:30 -07:00
parent 2ef0caba88
commit 810257bcf5
10 changed files with 47 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/GroupListItem.js
View File

@@ -52,7 +52,7 @@ class GroupListItem extends React.Component<Props> {
<ListItem
image={
<Image>
<GroupIcon size={28} />
<GroupIcon size={24} />
</Image>
}
title={
@@ -94,10 +94,10 @@ class GroupListItem extends React.Component<Props> {
const Image = styled(Flex)`
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
width: 32px;
height: 32px;
background: ${(props) => props.theme.secondaryBackground};
border-radius: 20px;
border-radius: 32px;
`;
const Title = styled.span`

8
app/components/List/Item.js
View File

@@ -27,7 +27,7 @@ const ListItem = ({ image, title, subtitle, actions }: Props) => {
const Wrapper = styled.li`
display: flex;
padding: 8px 0;
padding: 10px 0;
margin: 0;
border-bottom: 1px solid ${(props) => props.theme.divider};
@@ -38,17 +38,17 @@ const Wrapper = styled.li`
const Image = styled(Flex)`
padding: 0 8px 0 0;
max-height: 40px;
max-height: 32px;
align-items: center;
user-select: none;
flex-shrink: 0;
align-self: flex-start;
align-self: center;
`;
const Heading = styled.p`
font-size: 16px;
font-weight: 500;
line-height: 1.2;
line-height: 1.1;
margin: 0;
`;