feat: Reorganize print name and date fields into a two-column grid in print modals and reduce STL viewer dimensions in the edit modal.

This commit is contained in:
2025-12-25 20:10:35 +00:00
parent 6802d3ca7f
commit 5493144933
2 changed files with 58 additions and 47 deletions

View File

@@ -236,7 +236,13 @@
</div> </div>
</div> </div>
<Input label="Print Name" name="name" value={print.name} required /> <div class="grid grid-cols-2 gap-4">
<Input
label="Print Name"
name="name"
value={print.name}
required
/>
<!-- Date Field --> <!-- Date Field -->
<div class="space-y-2"> <div class="space-y-2">
@@ -254,11 +260,14 @@
<input <input
type="date" type="date"
name="date" name="date"
value={new Date(print.date).toISOString().split("T")[0]} value={new Date(print.date)
.toISOString()
.split("T")[0]}
class="w-full rounded-lg bg-slate-800/50 border border-slate-700 pl-10 pr-4 py-2.5 text-sm text-slate-100 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500/30 transition-all" class="w-full rounded-lg bg-slate-800/50 border border-slate-700 pl-10 pr-4 py-2.5 text-sm text-slate-100 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500/30 transition-all"
/> />
</div> </div>
</div> </div>
</div>
<!-- STL Viewer/Upload --> <!-- STL Viewer/Upload -->
<div class="space-y-2"> <div class="space-y-2">
@@ -278,8 +287,8 @@
{#await import("$lib/components/STLViewer.svelte") then { default: STLViewer }} {#await import("$lib/components/STLViewer.svelte") then { default: STLViewer }}
<STLViewer <STLViewer
modelPath={print.stl_file} modelPath={print.stl_file}
width={400} width={350}
height={250} height={180}
/> />
{/await} {/await}
</div> </div>

View File

@@ -185,6 +185,7 @@
</div> </div>
</div> </div>
<div class="grid grid-cols-2 gap-4">
<Input <Input
label="Print Name" label="Print Name"
name="name" name="name"
@@ -213,6 +214,7 @@
/> />
</div> </div>
</div> </div>
</div>
<!-- 3D Model Upload --> <!-- 3D Model Upload -->
<div class="space-y-2"> <div class="space-y-2">