Adrien/beau-gosse-du-92
1
0
Fork 0
Code Issues 2 Pull Requests 1 Packages Projects Releases Wiki Activity

💄 Adjust Login padding

Browse Source
This commit is contained in:
Adrien
2024-04-26 19:27:11 +02:00
parent 3afed02aa8
commit 894f32e177
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/ui/components/_panel.scss
View File

@@ -1,14 +1,12 @@
@import "../base.scss"; @import "../base.scss";
$panel-aspect-ratio: 1/1.618; $panel-aspect-ratio: 1/1.618;
$panel-padding-v: 5%;
$panel-padding-h: 5%;
%panel { @mixin panel($padding-v: 2%, $padding-h: 2%) {
padding: $panel-padding-v $panel-padding-h; padding: $padding-v $padding-h;
height: calc(100% - $panel-padding-v - (2 * $border-big-width)); height: calc(100% - (2 * $padding-v) - (2 * $border-big-width));
width: calc(100% - $panel-padding-h - (2 * $border-big-width)); width: calc(100% - (2 * $padding-h) - (2 * $border-big-width));
flex-shrink: 0; flex-shrink: 0;
border: $border-big; border: $border-big;

3
src/ui/components/login.scss
View File

@@ -3,7 +3,8 @@
@import "./spinner.scss"; @import "./spinner.scss";
.login { .login {
@extend %panel; $padding: 5%;
@include panel($padding, $padding);
$aspect-ratio: var(--aspect-ratio); $aspect-ratio: var(--aspect-ratio);