mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2024-11-25 03:06:31 -05:00
fix(profile): fix dark mode on profile page
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
parent
90f5ed5606
commit
6529d4f20a
8 changed files with 6 additions and 9 deletions
|
@ -26,7 +26,6 @@ export const CurrentPasswordField: React.FC<CommonFieldProps> = ({ onChange }) =
|
||||||
size='sm'
|
size='sm'
|
||||||
onChange={onChange}
|
onChange={onChange}
|
||||||
placeholder={t('login.auth.password') ?? undefined}
|
placeholder={t('login.auth.password') ?? undefined}
|
||||||
className='bg-dark text-light'
|
|
||||||
autoComplete='current-password'
|
autoComplete='current-password'
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -36,7 +36,6 @@ export const AccessTokenCreationFormExpiryField: React.FC<AccessTokenCreationFor
|
||||||
type='date'
|
type='date'
|
||||||
size='sm'
|
size='sm'
|
||||||
value={formValues.expiryDate}
|
value={formValues.expiryDate}
|
||||||
className='bg-dark text-light'
|
|
||||||
onChange={onChangeExpiry}
|
onChange={onChangeExpiry}
|
||||||
min={minMaxDefaultDates.min}
|
min={minMaxDefaultDates.min}
|
||||||
max={minMaxDefaultDates.max}
|
max={minMaxDefaultDates.max}
|
||||||
|
|
|
@ -39,7 +39,6 @@ export const AccessTokenCreationFormLabelField: React.FC<AccessTokenCreationForm
|
||||||
size='sm'
|
size='sm'
|
||||||
placeholder={t('profile.accessTokens.label') ?? undefined}
|
placeholder={t('profile.accessTokens.label') ?? undefined}
|
||||||
value={formValues.label}
|
value={formValues.label}
|
||||||
className='bg-dark text-light'
|
|
||||||
onChange={onChangeLabel}
|
onChange={onChangeLabel}
|
||||||
isValid={labelValid}
|
isValid={labelValid}
|
||||||
required
|
required
|
||||||
|
|
|
@ -54,12 +54,12 @@ export const AccessTokenListEntry: React.FC<AccessTokenListEntryProps & AccessTo
|
||||||
}, [token.lastUsedAt])
|
}, [token.lastUsedAt])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ListGroup.Item className='bg-dark'>
|
<ListGroup.Item>
|
||||||
<Row>
|
<Row>
|
||||||
<Col className='text-start' {...cypressId('access-token-label')}>
|
<Col className='text-start' {...cypressId('access-token-label')}>
|
||||||
{token.label}
|
{token.label}
|
||||||
</Col>
|
</Col>
|
||||||
<Col className='text-start text-white-50'>{lastUsed}</Col>
|
<Col className='text-start'>{lastUsed}</Col>
|
||||||
<Col xs='auto'>
|
<Col xs='auto'>
|
||||||
<IconButton
|
<IconButton
|
||||||
icon={IconTrash}
|
icon={IconTrash}
|
||||||
|
|
|
@ -46,7 +46,7 @@ export const ProfileAccessTokens: React.FC = () => {
|
||||||
)
|
)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Card className='bg-dark mb-4 access-tokens'>
|
<Card className='mb-4 access-tokens'>
|
||||||
<Card.Body>
|
<Card.Body>
|
||||||
<Card.Title>
|
<Card.Title>
|
||||||
<Trans i18nKey='profile.accessTokens.title' />
|
<Trans i18nKey='profile.accessTokens.title' />
|
||||||
|
|
|
@ -21,7 +21,7 @@ export const ProfileAccountManagement: React.FC = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<Card className='bg-dark mb-4'>
|
<Card className='mb-4'>
|
||||||
<Card.Body>
|
<Card.Body>
|
||||||
<Card.Title>
|
<Card.Title>
|
||||||
<Trans i18nKey='profile.accountManagement' />
|
<Trans i18nKey='profile.accountManagement' />
|
||||||
|
|
|
@ -70,7 +70,7 @@ export const ProfileChangePassword: React.FC = () => {
|
||||||
}, [loading, oldPassword, newPassword, newPasswordAgain])
|
}, [loading, oldPassword, newPassword, newPasswordAgain])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Card className='bg-dark mb-4'>
|
<Card className='mb-4'>
|
||||||
<Card.Body>
|
<Card.Body>
|
||||||
<Card.Title>
|
<Card.Title>
|
||||||
<Trans i18nKey='profile.changePassword.title' />
|
<Trans i18nKey='profile.changePassword.title' />
|
||||||
|
|
|
@ -39,7 +39,7 @@ export const ProfileDisplayName: React.FC = () => {
|
||||||
}, [displayName, userName])
|
}, [displayName, userName])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Card className='bg-dark mb-4'>
|
<Card className='mb-4'>
|
||||||
<Card.Body>
|
<Card.Body>
|
||||||
<Card.Title>
|
<Card.Title>
|
||||||
<Trans i18nKey='profile.userProfile' />
|
<Trans i18nKey='profile.userProfile' />
|
||||||
|
|
Loading…
Reference in a new issue