moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'styles' into 'develop' 

Minor dark theme improvements

See merge request soapbox-pub/soapbox-fe!1718
This commit is contained in:
marcin mikołajczak 2022-08-09 10:09:23 +00:00
parent 636e0d9eff 5c5113aff3
commit 10c03c9f56
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/soapbox/features/auth_token_list/index.tsx
View File

@ -24,7 +24,7 @@ const AuthToken: React.FC<IAuthToken> = ({ token }) => {
}; };
return ( return (
<div className='p-4 rounded-lg bg-gray-100 dark:bg-gray-700'> <div className='p-4 rounded-lg bg-gray-100 dark:bg-primary-800'>
<Stack space={2}> <Stack space={2}>
<Stack> <Stack>
<Text size='md' weight='medium'>{token.app_name}</Text> <Text size='md' weight='medium'>{token.app_name}</Text>

4
app/styles/components/datepicker.scss
View File

@ -60,6 +60,10 @@
.react-datepicker__navigation--next { .react-datepicker__navigation--next {
right: 16px; right: 16px;
&--with-time:not(.react-datepicker__navigation--next--with-today-button) {
right: 100px;
}
} }
.react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow,

6
app/styles/components/directory.scss
View File

@ -31,7 +31,7 @@
} }
&__card { &__card {
@apply rounded-lg bg-gray-100 dark:bg-gray-700; @apply rounded-lg bg-gray-100 dark:bg-primary-800;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 0; margin-bottom: 0;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
@ -67,7 +67,7 @@
} }
&__bar { &__bar {
@apply bg-primary-200 dark:bg-gray-600; @apply bg-primary-200 dark:bg-primary-700;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 10px; padding: 10px;
@ -149,7 +149,7 @@
} }
.account__header__content { .account__header__content {
@apply border-b border-solid border-gray-200 dark:border-gray-600; @apply border-b border-solid border-gray-200 dark:border-primary-500;
box-sizing: border-box; box-sizing: border-box;
padding: 15px 10px; padding: 15px 10px;
width: 100%; width: 100%;