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

chore(console): connector guide page should use global scrollbar (#3649)

Browse source
This commit is contained in:
Darcy Ye 2023-04-11 13:52:05 +08:00 committed by GitHub
parent 83367569fa
commit d3b4a0e792
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/console/src/pages/Connectors/components/Guide/index.module.scss
View file

@ -32,17 +32,15 @@
.content { .content {
flex: 1; flex: 1;
display: flex; display: flex;
overflow-y: hidden; overflow: auto;
overflow-x: auto;
justify-content: center; justify-content: center;
min-width: min-content; min-width: min-content;
padding: _.unit(2) _.unit(6); padding: _.unit(2) _.unit(6) _.unit(6);
> * { > * {
flex: 1; flex: 1;
max-width: 800px; max-width: 800px;
min-width: 400px; min-width: 400px;
overflow-y: auto;
} }
.readme { .readme {
@ -51,8 +49,10 @@
background-color: var(--color-layer-1); background-color: var(--color-layer-1);
border: 1.5px solid var(--color-focused-variant); border: 1.5px solid var(--color-focused-variant);
border-radius: 16px; border-radius: 16px;
margin: 0 _.unit(6) _.unit(6) 0; margin: 0 _.unit(6) 0 0;
overflow-y: auto; overflow-y: auto;
position: sticky;
top: 0;
.readmeTitle { .readmeTitle {
font: var(--font-title-2); font: var(--font-title-2);
@ -73,7 +73,7 @@
background-color: var(--color-layer-1); background-color: var(--color-layer-1);
border-radius: 16px; border-radius: 16px;
padding: 0 _.unit(6) _.unit(6); padding: 0 _.unit(6) _.unit(6);
margin-bottom: _.unit(6); margin-bottom: _.unit(4);
.blockTitle { .blockTitle {
font: var(--font-title-2); font: var(--font-title-2);
@ -96,7 +96,7 @@
} }
.footer { .footer {
margin-top: _.unit(6); padding-bottom: _.unit(10);
display: flex; display: flex;
justify-content: right; justify-content: right;
} }