0
Fork 0
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:
Xiao Yijun 2022-11-21 17:54:07 +08:00 committed by GitHub
parent 146de08c9b
commit 84aced95ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 3 deletions

View file

@ -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);
} }

View file

@ -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>}