File tree Expand file tree Collapse file tree 3 files changed +26
-1
lines changed Expand file tree Collapse file tree 3 files changed +26
-1
lines changed Original file line number Diff line number Diff line change @@ -28,6 +28,9 @@ import { DeprecatedChipComponent } from './deprecated-chip.component';
28
28
align-items: center;
29
29
padding: 16px;
30
30
gap: 16px;
31
+ @media only screen and (max-width: 600px) {
32
+ grid-template-columns: 1fr;
33
+ }
31
34
}
32
35
33
36
h3 {
Original file line number Diff line number Diff line change @@ -44,16 +44,26 @@ import { SymbolUsageNotesComponent } from './symbol-usage-notes.component';
44
44
max-width: 960px;
45
45
margin: 0 auto;
46
46
padding: 54px 0 24px;
47
+ @media only screen and (max-width: 1280px) {
48
+ padding: 90px 30px 24px;
49
+ max-width: 100%;
50
+ }
47
51
}
48
52
49
53
.header {
50
54
display: flex;
51
55
align-items: center;
52
56
justify-content: space-between;
57
+ @media only screen and (max-width: 600px) {
58
+ flex-wrap: wrap;
59
+ }
53
60
}
54
61
55
62
h1 {
56
63
margin: 0;
64
+ @media only screen and (max-width: 600px) {
65
+ margin-bottom: 10px;
66
+ }
57
67
}
58
68
59
69
.symbol-call-signature {
Original file line number Diff line number Diff line change @@ -48,6 +48,9 @@ import { MinimizedApiMemberSummary } from '@ngrx-io/shared';
48
48
:host {
49
49
display: block;
50
50
padding: 0 24px 24px;
51
+ @media only screen and (max-width: 1280px) {
52
+ padding-top: 62px;
53
+ }
51
54
}
52
55
53
56
.controls {
@@ -60,8 +63,11 @@ import { MinimizedApiMemberSummary } from '@ngrx-io/shared';
60
63
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
61
64
position: sticky;
62
65
top: 0;
63
- z-index: 10 ;
66
+ z-index: 1 ;
64
67
background-color: #17111a;
68
+ @media only screen and (max-width: 1280px) {
69
+ top: 62px;
70
+ }
65
71
}
66
72
67
73
h3 {
@@ -100,6 +106,12 @@ import { MinimizedApiMemberSummary } from '@ngrx-io/shared';
100
106
grid-template-columns: repeat(3, 1fr);
101
107
gap: 16px;
102
108
border-left: 1px solid rgba(255, 255, 255, 0.12);
109
+ @media only screen and (max-width: 1280px) {
110
+ grid-template-columns: repeat(2, 1fr);
111
+ }
112
+ @media only screen and (max-width: 700px) {
113
+ grid-template-columns: 1fr;
114
+ }
103
115
}
104
116
` ,
105
117
] ,
You can’t perform that action at this time.
0 commit comments