jyapayne/justbean
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add header outline

Browse source
This commit is contained in:
Joey Yakimowich-Payne 2025-04-18 15:20:00 -06:00
commit 1e799aa73c
No known key found for this signature in database
GPG key ID: 6BFE655FA5ABD1E1
2 changed files with 67 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

16
beango/index.html
View file

@ -107,6 +107,22 @@
</div>
</div>
</div>
<!-- START Header Text Outline Settings -->
<div class="mt-2">
<label for="header-text-outline-color-picker" class="block text-xs font-medium text-gray-700">Outline Color:</label>
<div class="flex items-center space-x-2 mt-1">
<input type="color" id="header-text-outline-color-picker" name="header-text-outline-color-picker" value="#ffffff" class="h-10 border border-gray-300 rounded-md shadow-sm cursor-pointer focus:outline-none focus:ring-green-500 focus:border-green-500 flex-grow">
<div class="w-28 flex flex-col items-center">
<label for="header-text-outline-opacity-slider" class="block text-xs font-medium text-gray-500">Opacity: <span id="header-text-outline-opacity-value">100</span>%</label>
<input type="range" id="header-text-outline-opacity-slider" name="header-text-outline-opacity-slider" min="0" max="100" value="100" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700">
</div>
</div>
</div>
<div class="mt-2">
<label for="header-text-outline-width-input" class="block text-xs font-medium text-gray-700">Outline Width (px):</label>
<input type="number" id="header-text-outline-width-input" name="header-text-outline-width-input" min="0" max="5" step="0.5" value="0" class="mt-1 block w-full px-2 py-1 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-green-500 focus:border-green-500 text-sm">
</div>
<!-- END Header Text Outline Settings -->
</div>
<div id="header-image-settings">
<label for="header-image-url-input" class="block text-sm font-medium text-gray-700">Header Image URL (Optional):</label>