Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-27 21:39:16 -05:00
Code Issues Activity

style(console): add min & max widths to center stage page contents

Browse source
This commit is contained in:
Charles Zhao 2022-05-16 18:52:21 +08:00
parent 5d34442018
commit d77e34d43c
No known key found for this signature in database
GPG key ID: 4858774754C92DF2
3 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/console/src/components/AppContent/index.module.scss
View file

@ -12,10 +12,16 @@
display: flex; display: flex;
margin-bottom: _.unit(6); margin-bottom: _.unit(6);
overflow: hidden; overflow: hidden;
}
.main { .main {
flex-grow: 1; flex-grow: 1;
padding-right: _.unit(6); padding-right: _.unit(6);
overflow-y: auto; overflow-y: auto;
> * {
max-width: 1168px;
min-width: 604px;
margin: 0 auto;
} }
} }

2
packages/console/src/components/Drawer/index.module.scss
View file

@ -2,10 +2,10 @@
.content { .content {
position: absolute; position: absolute;
left: 50%;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
width: 700px;
outline: none; outline: none;
background: var(--color-layer-1); background: var(--color-layer-1);
padding: _.unit(6); padding: _.unit(6);

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

@ -3,6 +3,7 @@
.wrapper { .wrapper {
display: flex; display: flex;
height: 100%; height: 100%;
min-width: 950px;
.setup { .setup {
flex: 1; flex: 1;