moving styling and views to be more consistent and for gallery view to be less cumbersome.

2026-01-19 23:41:36 -05:00
parent 41037696bf
commit 96f72718bd
16 changed files with 2447 additions and 75 deletions
@@ -0,0 +1,26 @@
+<!-- /app/templates/_gallery_modal.html -->
+<div id="imageModal" class="modal">
+  <div class="modal-content">
+    <button id="modalClose" class="modal-close-btn" title="Close (ESC)">×</button>
+    <button id="modalPrev" class="modal-button modal-prev">‹</button>
+    <button id="modalNext" class="modal-button modal-next">›</button>
+    <span class="modal-close-hint">ESC to close</span>
+
+    <div class="modal-body">
+      <div id="modalImageWrapper" class="modal-image-wrapper">
+        <img id="modalImage" src="" alt="Full View">
+      </div>
+
+      <div id="modalTagEditor" class="tag-editor" data-image-id="">
+        <div id="modalTagList" class="tags"></div>
+        <form id="modalTagForm" class="tag-form" autocomplete="off">
+          <div class="tag-form-wrapper">
+            <input type="text" id="tagInput" name="name" placeholder="Add tag..." autocomplete="off">
+            <div id="tagAutocomplete" class="tag-autocomplete"></div>
+          </div>
+          <button type="submit">Add</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>