mirror of
https://github.com/logto-io/logto.git
synced 2024-12-16 20:26:19 -05:00
style(console): settings (#2483)
This commit is contained in:
parent
146de08c9b
commit
84aced95ed
2 changed files with 5 additions and 3 deletions
|
@ -1,6 +1,10 @@
|
||||||
@use '@/scss/underscore' as _;
|
@use '@/scss/underscore' as _;
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
>:not(:first-child) {
|
>:not(:first-child) {
|
||||||
margin-top: _.unit(4);
|
margin-top: _.unit(4);
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,6 @@ import {
|
||||||
getDefaultLanguageTag,
|
getDefaultLanguageTag,
|
||||||
} from '@logto/phrases';
|
} from '@logto/phrases';
|
||||||
import { AppearanceMode } from '@logto/schemas';
|
import { AppearanceMode } from '@logto/schemas';
|
||||||
import classNames from 'classnames';
|
|
||||||
import { Controller, useForm } from 'react-hook-form';
|
import { Controller, useForm } from 'react-hook-form';
|
||||||
import { toast } from 'react-hot-toast';
|
import { toast } from 'react-hot-toast';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
|
@ -16,7 +15,6 @@ import Select from '@/components/Select';
|
||||||
import UnsavedChangesAlertModal from '@/components/UnsavedChangesAlertModal';
|
import UnsavedChangesAlertModal from '@/components/UnsavedChangesAlertModal';
|
||||||
import type { UserPreferences } from '@/hooks/use-user-preferences';
|
import type { UserPreferences } from '@/hooks/use-user-preferences';
|
||||||
import useUserPreferences from '@/hooks/use-user-preferences';
|
import useUserPreferences from '@/hooks/use-user-preferences';
|
||||||
import * as resourcesStyles from '@/scss/resources.module.scss';
|
|
||||||
|
|
||||||
import ChangePassword from './components/ChangePassword';
|
import ChangePassword from './components/ChangePassword';
|
||||||
import * as styles from './index.module.scss';
|
import * as styles from './index.module.scss';
|
||||||
|
@ -48,7 +46,7 @@ const Settings = () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={classNames(resourcesStyles.container, styles.container)}>
|
<div className={styles.container}>
|
||||||
<CardTitle title="settings.title" subtitle="settings.description" />
|
<CardTitle title="settings.title" subtitle="settings.description" />
|
||||||
{isLoading && <div>loading</div>}
|
{isLoading && <div>loading</div>}
|
||||||
{error && <div>{`error occurred: ${error.body?.message ?? error.message}`}</div>}
|
{error && <div>{`error occurred: ${error.body?.message ?? error.message}`}</div>}
|
||||||
|
|
Loading…
Reference in a new issue