2023-01-18 10:52:12 -05:00
|
|
|
.grid {
|
|
|
|
|
position: relative;
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
padding: 0 22px;
|
2023-01-25 23:51:36 -05:00
|
|
|
overflow-y: auto;
|
2023-01-30 09:35:40 -05:00
|
|
|
scroll-snap-type: both mandatory;
|
2023-01-18 10:52:12 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.slotGrid {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-auto-rows: 183px;
|
|
|
|
|
column-gap: 18px;
|
|
|
|
|
row-gap: 21px;
|
|
|
|
|
}
|
|
|
|
|
|
2023-01-29 21:56:07 -05:00
|
|
|
.slot {
|
2023-01-30 09:35:40 -05:00
|
|
|
scroll-snap-align: start;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.slot:last-child {
|
|
|
|
|
/* This causes the grid to scroll up smoothly to the last item when its height
|
|
|
|
|
shrinks, and ensures that the user can always scroll the last row fully in
|
|
|
|
|
view */
|
|
|
|
|
scroll-snap-align: end;
|
2023-01-29 21:56:07 -05:00
|
|
|
}
|
