mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-15 02:24:04 +00:00
feat(mediawiki): ✨ tweak login and signup page styles
This commit is contained in:
parent
c5e8c2bfc8
commit
cae19d7a30
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue