ui: move Re-crop Current button under cropped avatar preview in tab11
Relocated the button from the top action row to below the '512x512 displayed as circle' label for more intuitive placement next to the avatar it acts on.
This commit is contained in:
@@ -1882,7 +1882,6 @@
|
|||||||
<div style="margin-bottom: 1rem; display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center;">
|
<div style="margin-bottom: 1rem; display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center;">
|
||||||
<button onclick="pfpChangeDanbooru()">🎨 Change (Danbooru)</button>
|
<button onclick="pfpChangeDanbooru()">🎨 Change (Danbooru)</button>
|
||||||
<button onclick="pfpRestoreFallback()">🔄 Restore Original Avatar</button>
|
<button onclick="pfpRestoreFallback()">🔄 Restore Original Avatar</button>
|
||||||
<button onclick="pfpRecrop()">✂️ Re-crop Current</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Upload Section -->
|
<!-- Upload Section -->
|
||||||
@@ -2003,6 +2002,7 @@
|
|||||||
<span class="label">🎯 Current Avatar (cropped)</span>
|
<span class="label">🎯 Current Avatar (cropped)</span>
|
||||||
<img id="pfp-preview-current" src="" alt="Current avatar" style="border-radius: 50%; max-width: 256px; max-height: 256px;">
|
<img id="pfp-preview-current" src="" alt="Current avatar" style="border-radius: 50%; max-width: 256px; max-height: 256px;">
|
||||||
<div style="font-size: 0.8rem; color: #666; margin-top: 0.3rem;">512×512 · displayed as circle</div>
|
<div style="font-size: 0.8rem; color: #666; margin-top: 0.3rem;">512×512 · displayed as circle</div>
|
||||||
|
<button onclick="pfpRecrop()" style="margin-top: 0.5rem;">✂️ Re-crop Current</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user