2023-01-18 23:52:12 +08:00
|
|
|
.grid {
|
2023-01-31 12:44:19 +08:00
|
|
|
contain: strict;
|
2023-01-18 23:52:12 +08:00
|
|
|
position: relative;
|
|
|
|
flex-grow: 1;
|
2023-02-04 13:43:53 +08:00
|
|
|
padding: 0 20px;
|
2023-01-26 12:51:36 +08:00
|
|
|
overflow-y: auto;
|
2023-02-04 05:27:49 +08:00
|
|
|
overflow-x: hidden;
|
2023-01-18 23:52:12 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.slotGrid {
|
|
|
|
position: relative;
|
|
|
|
display: grid;
|
2023-02-04 13:43:53 +08:00
|
|
|
grid-auto-rows: 163px;
|
|
|
|
gap: 8px;
|
|
|
|
padding-bottom: var(--footerHeight);
|
2023-01-18 23:52:12 +08:00
|
|
|
}
|
|
|
|
|
2023-01-30 10:56:07 +08:00
|
|
|
.slot {
|
2023-01-31 12:44:19 +08:00
|
|
|
contain: strict;
|
2023-01-30 10:56:07 +08:00
|
|
|
}
|
2023-02-04 13:43:53 +08:00
|
|
|
|
|
|
|
@media (min-width: 800px) {
|
|
|
|
.grid {
|
|
|
|
padding: 0 22px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.slotGrid {
|
|
|
|
grid-auto-rows: 183px;
|
|
|
|
column-gap: 18px;
|
|
|
|
row-gap: 21px;
|
|
|
|
}
|
|
|
|
}
|