mirror of
https://github.com/logto-io/logto.git
synced 2024-12-16 20:26:19 -05:00
style(console): preview (#2523)
This commit is contained in:
parent
568d4f9b15
commit
b024f68cb9
2 changed files with 4 additions and 4 deletions
|
@ -2,10 +2,11 @@
|
|||
|
||||
.preview {
|
||||
width: 480px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: var(--color-layer-1);
|
||||
border-radius: _.unit(4);
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
|
|
|
@ -10,7 +10,6 @@ import { useTranslation } from 'react-i18next';
|
|||
import useSWR from 'swr';
|
||||
|
||||
import PhoneInfo from '@/assets/images/phone-info.svg';
|
||||
import Card from '@/components/Card';
|
||||
import Select from '@/components/Select';
|
||||
import TabNav, { TabNavItem } from '@/components/TabNav';
|
||||
import type { RequestError } from '@/hooks/use-api';
|
||||
|
@ -142,7 +141,7 @@ const Preview = ({ signInExperience, className }: Props) => {
|
|||
}, [postPreviewMessage]);
|
||||
|
||||
return (
|
||||
<Card className={classNames(styles.preview, className)}>
|
||||
<div className={classNames(styles.preview, className)}>
|
||||
<div className={styles.header}>
|
||||
<div className={styles.title}>{t('sign_in_exp.preview.title')}</div>
|
||||
<div className={styles.selects}>
|
||||
|
@ -222,7 +221,7 @@ const Preview = ({ signInExperience, className }: Props) => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
Loading…
Reference in a new issue