feat: add Quick Look page preview and unify thumbnail styles across all tools

This commit is contained in:
alam00000
2026-03-04 00:38:07 +05:30
parent 2aaea50031
commit 84848ab902
12 changed files with 1520 additions and 1082 deletions

View File

@@ -182,24 +182,25 @@
></div>
<!-- Advanced Settings -->
<div id="advanced-settings" class="hidden mt-6">
<h3 class="text-lg font-semibold text-white mb-2">
Advanced Settings
</h3>
<div class="bg-gray-700 p-4 rounded-lg">
<div id="advanced-settings" class="hidden mt-6 space-y-3">
<h3 class="text-lg font-semibold text-white">Advanced Settings</h3>
<div class="bg-gray-800/50 p-4 rounded-lg border border-gray-700">
<label
for="page-order-input"
class="block text-sm font-medium text-gray-300 mb-2"
>Page Order (comma-separated)</label
>
<div class="flex gap-2">
<div class="flex gap-3">
<input
type="text"
id="page-order-input"
class="w-full bg-gray-900 text-white rounded-md px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-500 border border-gray-600"
class="flex-1 bg-gray-900 text-white rounded-lg px-3 py-2.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 border border-gray-600 placeholder-gray-500"
placeholder="e.g., 3,1,4,2"
/>
<button id="apply-order-btn" class="btn-secondary">
<button
id="apply-order-btn"
class="btn-gradient whitespace-nowrap !px-5 !py-2.5 text-sm"
>
Apply Order
</button>
</div>