From b139b7cc72fc9431b120814e0204e4de7dfbc71e Mon Sep 17 00:00:00 2001
From: GitHub <g@github.com>
Date: Sat, 27 Dec 2025 19:05:36 +0800
Subject: [PATCH] Revert "minor gallery ui corrections #228"

This reverts commit 67066ebc8cc65d9e969d57b7bb9135f895bf2610.
---
 templates/admin_gallery.html |  8 ++++--
 templates/gallery.html       | 53 ++++++++++++++++++------------------
 2 files changed, 32 insertions(+), 29 deletions(-)

diff --git a/templates/admin_gallery.html b/templates/admin_gallery.html
index d1d8677..7971cfb 100644
--- a/templates/admin_gallery.html
+++ b/templates/admin_gallery.html
@@ -5,9 +5,11 @@
     <div class="columns is-multiline">
         {% for img in imgs %}
         <div class="column is-half">
-            <a href="/static/upload/{{img.2}}" target="_blank">
-                <img src="/static/upload/{{img.2}}">
-            </a>
+            <div>
+                <a href="/static/upload/{{img.2}}" target="_blank">
+                    <img src="/static/upload/{{img.2}}">
+                </a>
+            </div>
             <pre>/static/upload/{{img.2}}</pre>
             <nav class="level is-mobile">
                 <div class="level-left">
diff --git a/templates/gallery.html b/templates/gallery.html
index 0d2532f..fc15c51 100644
--- a/templates/gallery.html
+++ b/templates/gallery.html
@@ -2,35 +2,36 @@
 
 {% block content %}
 <div class="box content">
-    <a class="image is-32x32 mb-4" href="/gallery/{{uid}}">
-        <img class="is-rounded" src="/static/avatars/{{uid}}.png">
-    </a>
+    <figure>
+        <p class="image is-32x32">
+            <a href="/gallery/{{uid}}"><img src="/static/avatars/{{uid}}.png"></a>
+        </p>
+    </figure>
     <div class="columns is-multiline">
         {% for img in imgs %}
-        <div class="column is-half">
-            <a href="/static/upload/{{img.1}}" target="_blank">
-                <img src="/static/upload/{{img.1}}">
-            </a>
-            <pre class="my-2">/static/upload/{{img.1}}</pre>
-            <nav class="level is-mobile">
-                <div class="level-left">
-                    <button class="level-item tag is-rounded has-text-danger" popovertarget="delete_{{img.0}}" title="{{ "delete"|l10n(page_data.lang) }}">
-                        <span class="icon is-small">
-                            <i class="fa-solid fa-trash"></i>
-                        </span>
-                    </button>
-                </div>
-            </nav>
-            <div class="notification" id="delete_{{img.0}}" popover>
-                <h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
-                <p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
-                <button class="button" popovertarget="delete_{{img.0}}" popovertargetaction="hide">
-                    {{ "no"|l10n(page_data.lang) }}
+        <div class="column is-one-third">
+            <figure>
+                <a href="/static/upload/{{img.1}}" target="_blank"><img src="/static/upload/{{img.1}}"></a>
+                <button class="level-item tag is-rounded" popovertarget="delete_{{img.0}}" title="{{ "delete"|l10n(page_data.lang) }}">
+                    <span class="icon is-small">
+                        <i class="fa-solid fa-trash"></i>
+                    </span>
                 </button>
-                <a class="button is-danger" href="/image/delete/{{uid}}/{{img.0}}">
-                    {{ "yes"|l10n(page_data.lang) }}
-                </a>
-            </div>
+                <div class="notification" id="delete_{{img.0}}" popover>
+                    <h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
+                    <p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
+                    <p><img src="/static/upload/{{img.1}}"></p>
+                    <button class="button" popovertarget="delete_{{img.0}}" popovertargetaction="hide">
+                        {{ "no"|l10n(page_data.lang) }}
+                    </button>
+                    <a class="button is-danger" href="/image/delete/{{uid}}/{{img.0}}">
+                        {{ "yes"|l10n(page_data.lang) }}
+                    </a>
+                </div>
+                <figcaption>
+                    <code>![](/static/upload/{{img.1}})</code>
+                </figcaption>
+            </figure>
         </div>
         {% endfor %}
     </div>