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): update full-page content size (#3436)

Browse source
This commit is contained in:
Xiao Yijun 2023-03-16 17:38:24 +08:00 committed by GitHub
parent 7b394f77c5
commit 410363fbdd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/console/src/onboarding/pages/SignInExperience/index.module.scss
View file

@ -2,14 +2,20 @@
.content {
display: flex;
justify-content: center;
min-width: min-content;
padding: 0 _.unit(17);
> div {
max-width: 800px;
}
.config {
background-color: var(--color-layer-1);
border-radius: 8px;
padding: _.unit(12);
margin-right: _.unit(6);
min-width: 500px;
margin-right: _.unit(8);
.title {
margin-top: _.unit(6);

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

@ -5,6 +5,7 @@
flex-direction: column;
background-color: var(--color-base);
height: 100vh;
overflow-x: auto;
.header {
display: flex;
@ -31,18 +32,24 @@
.content {
flex: 1;
display: flex;
overflow: hidden;
overflow-y: hidden;
overflow-x: auto;
justify-content: center;
min-width: min-content;
> * {
flex: 1;
max-width: 800px;
min-width: 400px;
overflow-y: auto;
margin: _.unit(2) 0 _.unit(6) 0;
}
.readme {
background-color: var(--color-layer-1);
border: 1.5px solid var(--color-focused-variant);
border-radius: 16px;
margin: _.unit(2) _.unit(3) _.unit(6) _.unit(18);
margin-right: _.unit(6);
overflow: hidden;
.readmeTitle {
@ -59,8 +66,6 @@
}
.setup {
margin: _.unit(2) _.unit(18) _.unit(6) _.unit(3);
.block {
background-color: var(--color-layer-1);
border-radius: 16px;

8
packages/console/src/pages/SignInExperience/index.module.scss
View file

@ -26,14 +26,20 @@
display: flex;
flex: 1;
margin-bottom: _.unit(6);
justify-content: center;
min-width: min-content;
&.withSubmitActionBar {
margin-bottom: _.unit(3);
}
> * {
max-width: 800px;
}
.form {
flex: 1;
margin-right: _.unit(3);
margin-right: _.unit(6);
min-width: 535px;
}