diff --git a/src/App.vue b/src/App.vue index fcf7813..cc0fcb0 100644 --- a/src/App.vue +++ b/src/App.vue @@ -82,7 +82,7 @@ footer { @media screen and (max-width: 500px) { #app { - font-size: calc(1vw + 0.5rem); + font-size: calc(1vw + 0.65rem); } } diff --git a/src/components/OrderList.vue b/src/components/OrderList.vue index 2330077..12f2c6a 100644 --- a/src/components/OrderList.vue +++ b/src/components/OrderList.vue @@ -104,22 +104,27 @@ export default defineComponent({ } .order-list { - padding: 1em; + overflow: auto; } ul { - max-height: 750px; - height: 80vh; - overflow-y: auto; overflow-x: hidden; position: relative; } h3 { + position: sticky; + top: 0; + z-index: 100; + margin: 0; margin-bottom: 1em; text-align: center; + + background-color: #222; + padding: 1em; + margin-bottom: 0.5em; } li { diff --git a/src/components/OrderMessage.vue b/src/components/OrderMessage.vue index 990a507..c5cc2af 100644 --- a/src/components/OrderMessage.vue +++ b/src/components/OrderMessage.vue @@ -153,8 +153,6 @@ export default defineComponent({