FEAT: Einkaufswagen - Sticky wenn Monitor Tablet oder Grösser

This commit is contained in:
Sven Bledt 2025-04-10 20:05:00 +02:00
parent deef49a560
commit 82a07fa652

View file

@ -52,6 +52,19 @@
cursor: default; cursor: default;
} }
} }
/**
* Make the cart sticky on screens wider than 768px
*/
@media screen and (min-width: 768px) {
.cart {
position: sticky;
top: 1rem;
max-height: calc(100vh - 2rem);
overflow-y: auto;
}
}
/** /**
* Product list contains all available products, * Product list contains all available products,
* which are displayed in a grid layout. The grid scaling is done by bootstrap. * which are displayed in a grid layout. The grid scaling is done by bootstrap.