This commit is contained in:
Zsolt Ero
2025-10-22 14:55:38 +02:00
parent 68d820f4d1
commit afc204d8c5

View File

@@ -11,7 +11,7 @@
<!-- UI Panel --> <!-- UI Panel -->
<div class="bg-gray-900 border-b border-gray-700 shadow-md"> <div class="bg-gray-900 border-b border-gray-700 shadow-md">
<div class="max-w-7xl mx-auto px-4 py-2"> <div class="max-w-7xl mx-auto px-4 py-2">
<div class="flex items-center gap-3"> <div class="flex items-start gap-3">
<div class="flex-1"> <div class="flex-1">
<label for="line1" class="block text-xs font-medium text-gray-400 mb-1"> Line 1 </label> <label for="line1" class="block text-xs font-medium text-gray-400 mb-1"> Line 1 </label>
<input <input
@@ -42,43 +42,46 @@
/> />
</div> </div>
<div class="w-24">
<label for="lang" class="block text-xs font-medium text-gray-400 mb-1"> Lang </label>
<input
type="text"
id="lang"
class="w-full px-3 py-1.5 text-sm border border-gray-600 rounded bg-gray-800 text-gray-100 focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-all font-mono text-center"
maxlength="5"
/>
</div>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="flex items-center gap-2"> <div class="flex items-start gap-2">
<label <div class="w-24">
class="flex items-center gap-2 text-xs text-gray-300 cursor-pointer whitespace-nowrap" <label for="lang" class="block text-xs font-medium text-gray-400 mb-1">
> Lang
</label>
<input <input
type="checkbox" type="text"
id="showDifferencesRed" id="lang"
class="w-4 h-4 text-blue-600 bg-gray-700 border-gray-600 rounded focus:ring-blue-500 focus:ring-2" class="w-full px-3 py-1.5 text-sm border border-gray-600 rounded bg-gray-800 text-gray-100 focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-all font-mono text-center"
maxlength="5"
/> />
<span>Show differences red</span> </div>
</label>
</div> <div class="flex gap-2">
<div class="flex gap-2"> <button
<button id="shareBtn"
id="shareBtn" class="px-4 py-1.5 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-900 transition-all mt-5"
class="px-4 py-1.5 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-900 transition-all" >
> Share
Share </button>
</button> <button
<button id="resetBtn"
id="resetBtn" class="px-4 py-1.5 text-sm font-medium text-white bg-gray-700 rounded hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:ring-offset-gray-900 transition-all mt-5"
class="px-4 py-1.5 text-sm font-medium text-white bg-gray-700 rounded hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:ring-offset-gray-900 transition-all" >
> Reset
Reset </button>
</button> </div>
</div> </div>
<label
class="flex items-center gap-2 text-xs text-gray-300 cursor-pointer whitespace-nowrap"
>
<input
type="checkbox"
id="showDifferencesRed"
class="w-4 h-4 text-blue-600 bg-gray-700 border-gray-600 rounded focus:ring-blue-500 focus:ring-2"
/>
<span>highlight line1 != line2</span>
</label>
</div> </div>
</div> </div>
</div> </div>