crash.software
Projects
Pull Requests
Issues
Builds
gradejs
Code
Files
Commits
Branches
Tags
Pull Requests
Code Comments
Code Compare
Issues
List
Boards
Milestones
Builds
Statistics
Contributions
Source Lines
Child Projects
Projects
STRLCPY
gradejs
Commits
6d4403b3
🤬
Sign In
fix: breakpoints adjustments and small desktop scaling
Dmitry Shakun
committed
2 years ago
6d4403b3
1 parent
93d8d82f
Total 10 files
Show one by one
■
■
■ ■ ■ ■
packages/web/src/components/layouts/SearchResults/SearchResults.module.scss
skipped 81 lines
82
82
83
83
.metaItem {
84
84
display: flex;
85
-
align-items:
flex
-
start
;
85
+
align-items:
center
;
86
86
87
87
@include mobile-and-tablet {
88
88
line-height: 24px;
skipped 17 lines
All occurrences
■ ■
■ ■ ■ ■
packages/web/src/components/ui/Card/Card.module.scss
skipped 5 lines
6
6
position: relative;
7
7
background: #ffffff;
8
8
border-radius: 24px;
9
-
padding:
24px
;
9
+
padding:
20px
;
10
10
box-shadow: $shadow;
11
11
width: 100%;
12
12
max-width: 600px;
13
-
min-height:
220px
;
13
+
min-height:
200px
;
14
14
display: flex;
15
15
flex-direction: column;
16
16
17
17
@include xxl {
18
18
min-height: 248px;
19
-
}
20
-
21
-
@include lg {
22
-
padding: 20px;
19
+
padding: 24px;
23
20
}
24
21
25
22
@include mobile-and-tablet {
skipped 49 lines
75
72
}
76
73
77
74
.tagsWrapper {
78
-
margin-top:
28px
;
75
+
margin-top:
20px
;
79
76
80
-
@include mobile-and-tablet {
81
-
margin-top:
20px
;
77
+
@include xxl {
78
+
margin-top:
28px
;
82
79
}
83
80
}
84
81
skipped 32 lines
All occurrences
■ ■ ■ ■ ■
■
packages/web/src/components/ui/CardGroup/CardGroup.module.scss
1
1
@import '~styles/responsive.scss';
2
2
3
3
.title {
4
-
margin-bottom:
36px
;
4
+
margin-bottom:
24px
;
5
+
6
+
@include xxl {
7
+
margin-bottom: 36px;
8
+
}
5
9
6
10
@include mobile-and-tablet {
7
11
margin-bottom: 0;
skipped 3 lines
All occurrences
■
■ ■ ■ ■
■
packages/web/src/components/ui/Checkbox/Checkbox.module.scss
skipped 5 lines
6
6
display: inline-block;
7
7
position: relative;
8
8
padding-left: 36px;
9
-
10
-
@include lg {
11
-
line-height: 24px;
12
-
}
9
+
line-height: 24px;
13
10
}
14
11
15
12
.checkboxInput {
skipped 49 lines
All occurrences
■
■
■ ■ ■ ■
packages/web/src/components/ui/Chip/Chip.module.scss
skipped 88 lines
89
89
}
90
90
91
91
@include mobile-and-tablet {
92
-
padding:
12px
15px;
92
+
padding:
10px
15px;
93
93
}
94
94
}
95
95
skipped 41 lines
All occurrences
■ ■
■ ■ ■ ■
packages/web/src/components/ui/Container/Container.module.scss
skipped 1 lines
2
2
3
3
.container {
4
4
width: 100%;
5
-
max-width:
1200px
;
6
-
padding-left:
52px
;
7
-
padding-right:
52px
;
5
+
max-width:
1320px
;
6
+
padding-left:
24px
;
7
+
padding-right:
24px
;
8
8
margin-left: auto;
9
9
margin-right: auto;
10
10
11
11
@include xxl {
12
12
max-width: 1470px;
13
-
}
14
-
15
-
@include lg {
16
-
padding-left: 36px;
17
-
padding-right: 36px;
13
+
padding-left: 52px;
14
+
padding-right: 52px;
18
15
}
19
16
20
17
@include mobile-and-tablet {
skipped 5 lines
All occurrences
■ ■
■ ■
■ ■
packages/web/src/components/ui/Header/Header.module.scss
skipped 8 lines
9
9
10
10
@include mobile-and-tablet {
11
11
display: grid;
12
-
grid-row-gap:
0px
;
12
+
grid-row-gap:
22px
;
13
13
grid-template-columns: 1fr 2fr;
14
-
grid-template-rows: 28px
0px
;
14
+
grid-template-rows: 28px
52px
;
15
15
}
16
16
}
17
17
skipped 61 lines
All occurrences
■ ■ ■ ■ ■
■
packages/web/src/components/ui/PackagePreview/PackagePreview.module.scss
skipped 1 lines
2
2
@import '~styles/responsive.scss';
3
3
4
4
.package {
5
-
padding:
26px
28px
;
5
+
padding:
24px
;
6
6
border-radius: 24px;
7
7
background: $white;
8
8
box-shadow: $shadow;
skipped 311 lines
320
320
}
321
321
322
322
.usedOnList {
323
-
margin:
0
-
36px
;
324
-
padding: 0 36px;
323
+
margin
-
top
:
10px
;
324
+
margin: 0 -24px;
325
+
padding: 0 24px;
326
+
327
+
@include xxl {
328
+
margin: 0 -32px;
329
+
padding: 0 32px;
330
+
}
325
331
326
332
@include mobile-and-tablet {
327
333
margin: 0 -20px;
skipped 127 lines
All occurrences
■ ■ ■ ■ ■
■
packages/web/src/components/ui/SearchedResource/SearchedResource.module.scss
skipped 4 lines
5
5
grid-column: 2 / -1;
6
6
display: flex;
7
7
align-items: flex-start;
8
-
margin-bottom:
36px
;
8
+
margin-bottom:
24px
;
9
+
10
+
@include xxl {
11
+
margin-bottom: 36px;
12
+
}
9
13
10
14
@include mobile-and-tablet {
11
15
flex-direction: column;
skipped 48 lines
All occurrences
■ ■
■ ■
■ ■
packages/web/src/styles/responsive.scss
skipped 1 lines
2
2
$breakpoint-sm: 767px;
3
3
$breakpoint-tablet: 991px;
4
4
$breakpoint-lg: 1199px;
5
-
$breakpoint-xl:
1399px
;
6
-
$breakpoint-xxl:
1920px
;
5
+
$breakpoint-xl:
1599px
;
6
+
$breakpoint-xxl:
1600px
;
7
7
8
8
@mixin xxl {
9
9
@media (min-width: $breakpoint-xxl) {
skipped 34 lines
All occurrences
Please wait...
Page is in error, reload to recover