feat(mediawiki): tweak login and signup page styles

This commit is contained in:
alistair3149 2024-05-17 17:14:00 -04:00
parent c5e8c2bfc8
commit cae19d7a30
No known key found for this signature in database
2 changed files with 19 additions and 11 deletions

View file

@ -8,10 +8,17 @@
* Date: 2022-11-23
*/
#userloginForm {
> .mw-htmlform {
// Widen the form a bit
width: auto;
max-width: 400px;
.mw-ui-container {
#userloginForm {
max-width: ~'calc( 400px + var( --space-md ) * 2 )';
padding: var( --space-md );
background: var( --color-surface-2 );
border-radius: var( --border-radius--large );
> .mw-htmlform {
// Widen the form a bit
width: auto;
max-width: 400px;
}
}
}

View file

@ -22,6 +22,9 @@
#userloginForm {
grid-area: form;
/* Fix weird margin issue */
padding-top: 0;
padding-bottom: var( --space-xs );
margin-right: 0;
}
}
@ -32,14 +35,13 @@
'message'
'stats'
'form';
gap: var( --space-md );
gap: 0 var( --space-md );
}
.mw-createacct-benefits {
&-container {
grid-area: stats;
padding-bottom: var( --space-lg );
border-bottom: 1px solid var( --border-color-base );
padding-bottom: var( --space-md );
h2 {
margin: 0;
@ -85,15 +87,14 @@
grid-template-areas:
'message message'
'form stats';
grid-template-columns: max-content;
}
.mw-createacct-benefits {
&-container {
padding-top: var( --space-md );
padding-bottom: 0;
padding-left: var( --space-xxl );
border-bottom: 0;
border-left: 1px solid var( --border-color-base );
padding-left: var( --space-md );
h2 {
max-width: 20rem;