Adding hot reload + attempting to style stuff

This commit is contained in:
2026-08-06 23:32:23 -05:00
parent 62a6f49eba
commit b3945d9d0e
7 changed files with 274 additions and 54 deletions

View File

@@ -9,16 +9,18 @@
</head>
<body data-model="app_data">
<h1>{{page_title}}</h1>
<button data-event-click="is_dialog_open = true">Add New Critter</button>
<div id="header">
<h1>Critterfolio</h1>
<button id="new-critter-btn" data-event-click="is_dialog_open = true"><div>+</div></button>
</div>
<!-- Critter Cards -->
<div class="critter-list">
<button data-for="entry : critters" class="critter-card">
<div class="critter-card-header">
<span class="critter-id">ID: #{{entry.key}}</span>
<button class="btn-delete">X</button>
<button class="btn-delete" data-event-click="delete_critter(entry.key)">X</button>
</div>
<div class="critter-card-body">
@@ -32,9 +34,13 @@
</div>
</div>
</button>
</div>
<!-- Modal Dialog Overlay -->
<!-- Add Critter Modal Dialog Overlay -->
<div class="modal-overlay" data-visible="is_dialog_open">
<div class="modal-content">
<h2>Add New Critter</h2>
@@ -57,7 +63,7 @@
<input type="text" data-value="form.father_id" />
<label>Notes:</label>
<input type="text" data-value="form.notes" />
<textarea data-value="form.notes"></textarea>
<div class="modal-buttons">
<button data-event-click="submit_add_critter">Save</button>