Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

refactor(console): stick sie tutorial topbar (#1490)

Browse source
This commit is contained in:
Gao Sun 2022-07-08 18:55:32 +08:00 committed by GitHub
parent 64bb5fd159
commit a861f9fdff
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
View file

@ -2,10 +2,12 @@
.container {
background-color: var(--color-surface-1);
display: flex;
flex-direction: column;
height: 100vh;
overflow-y: auto;
.header {
flex-shrink: 0;
display: flex;
align-items: center;
background-color: var(--color-layer-1);
@ -28,15 +30,22 @@
}
.content {
padding: _.unit(6) _.unit(17);
// Space for footer
padding-bottom: 112px;
position: relative;
flex: 1;
overflow-y: auto;
flex-direction: column;
align-items: center;
.reminder {
width: 550px;
margin: 0 auto _.unit(8);
}
> .form {
position: relative;
padding: _.unit(6) _.unit(17);
// Space for footer
padding-bottom: 112px;
}
}
.main {

24
packages/console/src/pages/SignInExperience/components/GuideModal.tsx
View file

@ -100,19 +100,19 @@ const GuideModal = ({ isOpen, onClose }: Props) => {
/>
</div>
<div className={styles.content}>
{!preferences.experienceNoticeConfirmed && (
<div className={styles.reminder}>
<Alert
action="admin_console.sign_in_exp.welcome.got_it"
variant="shadow"
onClick={onGotIt}
>
{t('sign_in_exp.welcome.apply_remind')}
</Alert>
</div>
)}
<FormProvider {...methods}>
<form onSubmit={onSubmit}>
<form className={styles.form} onSubmit={onSubmit}>
{!preferences.experienceNoticeConfirmed && (
<div className={styles.reminder}>
<Alert
action="admin_console.sign_in_exp.welcome.got_it"
variant="shadow"
onClick={onGotIt}
>
{t('sign_in_exp.welcome.apply_remind')}
</Alert>
</div>
)}
<div className={styles.main}>
<div className={styles.form}>
<div className={styles.card}>