3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-07 14:38:33 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Change login UI

Browse source
This commit is contained in:
alonso.torres 2023-12-11 14:08:48 +01:00
parent cc9e517720
commit 6bbe249773
3 changed files with 720 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

62
frontend/src/app/main/ui/auth.scss
View file

@ -11,7 +11,7 @@
background: $db-primary;
display: grid;
gap: $s-32;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(5, 1fr);
height: 100%;
padding: $s-32;
width: 100%;
@ -25,32 +25,48 @@
display: flex;
justify-content: center;
}
}
.login-illustration {
display: flex;
justify-content: center;
grid-column: 1 / 3;
.login-illustration {
display: flex;
justify-content: center;
grid-column: 1 / 4;
width: 40vw;
justify-self: center;
svg {
width: $s-688;
fill: $df-primary;
height: auto;
}
@media (max-width: 992px) {
display: none;
}
svg {
width: 100%;
fill: $df-primary;
height: auto;
}
.auth-content {
align-items: center;
display: flex;
height: fit-content;
justify-content: center;
max-width: $s-412;
padding-bottom: $s-8;
position: relative;
width: 100%;
@media (max-width: 992px) {
display: none;
}
}
.auth-content {
grid-column: 4 / 6;
display: flex;
flex-direction: column;
height: fit-content;
max-width: $s-412;
padding-bottom: $s-8;
position: relative;
width: 100%;
}
.logo-btn {
display: flex;
justify-content: flex-start;
margin-bottom: $s-52;
width: $s-120;
svg {
width: $s-120;
height: $s-40;
fill: $df-primary;
stroke: $df-primary;
}
}