muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

fixed paddings on some devices

Browse source
This commit is contained in:
Fedor Katurov 2021-12-22 10:37:09 +07:00
parent b228878207
commit 955b5927ca
4 changed files with 18 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/main/Header/styles.module.scss
View file

@ -14,7 +14,7 @@
@include desktop { @include desktop {
height: 64px; height: 64px;
padding: 0 $gap; padding: 0;
} }
&.is_scrolled { &.is_scrolled {
@ -28,7 +28,8 @@
justify-content: flex-end; justify-content: flex-end;
font-weight: 500; font-weight: 500;
box-sizing: border-box; box-sizing: border-box;
flex: 0 1 $content_width;
@include container;
} }
.spacer { .spacer {

12
src/containers/main/Container/styles.module.scss
View file

@ -1,15 +1,5 @@
@import "~/styles/variables.scss"; @import "~/styles/variables.scss";
.container { .container {
width: 100%; @include container;
max-width: $content_width;
box-sizing: border-box;
@include tablet {
padding: 0;
}
@media (max-width: $content_width + $gap * 4) {
padding: 0;
}
} }

3
src/layouts/FlowLayout/styles.module.scss
View file

@ -10,8 +10,7 @@
$cols: $content_width / $cell; $cols: $content_width / $cell;
.container { .container {
max-width: $content_width; @include container;
width: 100%;
} }
.grid { .grid {

13
src/styles/variables.scss
View file

@ -319,3 +319,16 @@ $sidebar_border: transparentize(white, 0.95);
animation: __appear 0.25s forwards; animation: __appear 0.25s forwards;
} }
@mixin container {
max-width: $content_width + $gap * 8;
width: 100%;
padding-left: $gap * 4;
padding-right: $gap * 4;
@include tablet {
padding-left: $gap;
padding-right: $gap;
}
}