bronku/cake-order-tracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

order form

Browse source
This commit is contained in:
bronku 2026-06-16 16:37:48 +02:00
parent 2465956fc2
commit 4666618151
2 changed files with 165 additions and 189 deletions
Download patch file Download diff file Expand all files Collapse all files

36
server/static/layout.css
View file

@ -71,36 +71,16 @@ main {
grid-column: 1 / -1; grid-column: 1 / -1;
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
gap: var(--space-md); gap: var(--space-md);
} }
@media (max-width: 48em) { #order {
.topnav { display: grid;
padding: 0 var(--space-sm); grid-template-columns: auto 20rem;
gap: var(--space-xs); grid-template-rows: auto auto auto 1fr;
} > aside {
grid-column: 2;
.topnav > nav > a span:not(.material-symbols-outlined) { grid-row: span;
display: none;
}
.topnav > .cta span:not(.material-symbols-outlined) {
display: none;
}
.topnav > .cta {
width: 2.25rem;
height: 2.25rem;
padding: 0;
border-radius: 50%;
justify-content: center;
}
.main-content {
padding: var(--space-sm);
}
.topnav > h1 {
font-size: 1rem;
} }
} }

8
server/templates/order.templ
View file

@ -9,9 +9,8 @@ import (
) )
templ OrderForm(dto dto.OrderPage) { templ OrderForm(dto dto.OrderPage) {
<form method="post" class="split-pane order-form" onsubmit="return confirmBlockedDate(this)" data-blocked-dates={ blockedDatesJSON(dto.BlockedDates) } data-state={ orderStateJSON(dto.Order) }> <form method="post" id="order" onsubmit="return confirmBlockedDate(this)" data-blocked-dates={ blockedDatesJSON(dto.BlockedDates) } data-state={ orderStateJSON(dto.Order) }>
<input type="hidden" name="id" value={ dto.Order.ID }/> <input type="hidden" name="id" value={ dto.Order.ID }/>
<div class="order-left">
<section class="card"> <section class="card">
<header> <header>
<h2> <h2>
@ -111,9 +110,7 @@ templ OrderForm(dto dto.OrderPage) {
</ul> </ul>
</div> </div>
</section> </section>
</div> <aside class="card">
<aside class="order-aside">
<section class="card">
<header> <header>
<h2> <h2>
<span class="material-symbols-outlined">receipt_long</span> <span class="material-symbols-outlined">receipt_long</span>
@ -184,7 +181,6 @@ templ OrderForm(dto dto.OrderPage) {
Finalizuj zamówienie Finalizuj zamówienie
</button> </button>
</div> </div>
</section>
</aside> </aside>
</form> </form>
@SpecialCakeOverlay(dto.Tags) @SpecialCakeOverlay(dto.Tags)