diff --git a/internal/server/static/style.css b/internal/server/static/style.css index 542be49..acbcf06 100644 --- a/internal/server/static/style.css +++ b/internal/server/static/style.css @@ -26,7 +26,6 @@ body { color: var(--text-color); background-color: var(--background-color); display: flex; - min-height: 100vh; width: 100%; line-height: 1.6; } @@ -112,7 +111,7 @@ nav>a:hover::after { padding: 0; display: flex; flex-direction: column; - min-height: 100vh; + height: 100dvh; overflow-x: hidden; } @@ -140,7 +139,9 @@ main { padding: 2rem; display: flex; flex-direction: column; + height: 100%; gap: 1.5rem; + overflow: hidden; } /* Search form */ @@ -313,11 +314,21 @@ tr a { flex-direction: column; } +.order>div { + flex-basis: 0; + flex-shrink: 0; +} + .order-contents>*:first-child, .order-contents>*:last-child { flex-grow: 0; } +.scrollable { + overflow-y: auto; + min-height: 0; +} + /* Responsive adjustments */ @media (max-width: 768px) { .search-container { diff --git a/internal/server/templates/order.gohtml b/internal/server/templates/order.gohtml index 43738e9..1f20e64 100644 --- a/internal/server/templates/order.gohtml +++ b/internal/server/templates/order.gohtml @@ -43,7 +43,7 @@ -
+

Dodane Ciasta

@@ -52,7 +52,7 @@
{{end}} {{with .Catalogue}} -
+

Katalog

    {{range .}} diff --git a/internal/server/templates/orders.gohtml b/internal/server/templates/orders.gohtml index b296811..b19ee59 100644 --- a/internal/server/templates/orders.gohtml +++ b/internal/server/templates/orders.gohtml @@ -15,7 +15,7 @@ Zamówienia -
    +
    {{template "orders-table" .Orders}}