Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-06 20:40:08 -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 { .container {
background-color: var(--color-surface-1); background-color: var(--color-surface-1);
display: flex;
flex-direction: column;
height: 100vh; height: 100vh;
overflow-y: auto;
.header { .header {
flex-shrink: 0;
display: flex; display: flex;
align-items: center; align-items: center;
background-color: var(--color-layer-1); background-color: var(--color-layer-1);
@ -28,15 +30,22 @@
} }
.content { .content {
padding: _.unit(6) _.unit(17); flex: 1;
// Space for footer overflow-y: auto;
padding-bottom: 112px; flex-direction: column;
position: relative; align-items: center;
.reminder { .reminder {
width: 550px; width: 550px;
margin: 0 auto _.unit(8); margin: 0 auto _.unit(8);
} }
> .form {
position: relative;
padding: _.unit(6) _.unit(17);
// Space for footer
padding-bottom: 112px;
}
} }
.main { .main {

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

@ -100,6 +100,8 @@ const GuideModal = ({ isOpen, onClose }: Props) => {
/> />
</div> </div>
<div className={styles.content}> <div className={styles.content}>
<FormProvider {...methods}>
<form className={styles.form} onSubmit={onSubmit}>
{!preferences.experienceNoticeConfirmed && ( {!preferences.experienceNoticeConfirmed && (
<div className={styles.reminder}> <div className={styles.reminder}>
<Alert <Alert
@ -111,8 +113,6 @@ const GuideModal = ({ isOpen, onClose }: Props) => {
</Alert> </Alert>
</div> </div>
)} )}
<FormProvider {...methods}>
<form onSubmit={onSubmit}>
<div className={styles.main}> <div className={styles.main}>
<div className={styles.form}> <div className={styles.form}>
<div className={styles.card}> <div className={styles.card}>