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 lab padding for mobile

Browse source
This commit is contained in:
Fedor Katurov 2021-03-30 18:00:59 +07:00
parent 330fdcf444
commit 5b507bc736
5 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/lab/LabBottomPanel/styles.module.scss
View file

@ -2,6 +2,10 @@
.wrap {
padding: $gap $lab_gap $lab_gap;
@include tablet {
padding: $gap $lab_gap_mobile $lab_gap_mobile;
}
}
.timestamp {

1
src/components/lab/LabDescription/styles.module.scss
View file

@ -5,6 +5,7 @@
line-height: 1.3em;
@include tablet {
padding: $lab_gap_mobile $lab_gap_mobile 0;
position: relative;
max-height: 30vh;
overflow: hidden;

8
src/components/lab/LabNodeTitle/styles.module.scss
View file

@ -2,6 +2,10 @@
.wrap {
padding: $lab_gap - $gap $lab_gap 0;
@include tablet {
padding: $gap $lab_gap_mobile 0;
}
}
.title {
@ -10,6 +14,9 @@
overflow: hidden;
flex: 1;
text-overflow: ellipsis;
word-break: break-all;
@include clamp(2, 1.2em);
a {
text-decoration: none;
@ -17,7 +24,6 @@
}
@include tablet {
white-space: nowrap;
padding-bottom: 0;
font: $font_20_semibold;
}

1
src/components/lab/LabText/styles.module.scss
View file

@ -5,6 +5,7 @@
line-height: 1.3em;
@include tablet {
padding: 0 $lab_gap_mobile;
position: relative;
max-height: 100vh;
overflow: hidden;

1
src/styles/variables.scss
View file

@ -4,6 +4,7 @@ $header_height: 64px;
$cell: 280px;
$gap: 10px;
$lab_gap: $gap * 3;
$lab_gap_mobile: $gap * 2;
$grid_line: 5px;
$content_width: $cell * 5 + $grid_line * 4;
$spc: $gap * 2;