mirror of
https://github.com/logto-io/logto.git
synced 2025-01-06 20:40:08 -05:00
refactor(console): stick sie tutorial topbar (#1490)
This commit is contained in:
parent
64bb5fd159
commit
a861f9fdff
2 changed files with 26 additions and 17 deletions
packages/console/src/pages/SignInExperience/components
|
@ -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 {
|
||||
|
|
|
@ -100,6 +100,8 @@ const GuideModal = ({ isOpen, onClose }: Props) => {
|
|||
/>
|
||||
</div>
|
||||
<div className={styles.content}>
|
||||
<FormProvider {...methods}>
|
||||
<form className={styles.form} onSubmit={onSubmit}>
|
||||
{!preferences.experienceNoticeConfirmed && (
|
||||
<div className={styles.reminder}>
|
||||
<Alert
|
||||
|
@ -111,8 +113,6 @@ const GuideModal = ({ isOpen, onClose }: Props) => {
|
|||
</Alert>
|
||||
</div>
|
||||
)}
|
||||
<FormProvider {...methods}>
|
||||
<form onSubmit={onSubmit}>
|
||||
<div className={styles.main}>
|
||||
<div className={styles.form}>
|
||||
<div className={styles.card}>
|
||||
|
|
Loading…
Reference in a new issue