matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPD: HSLPicker selection color follows bg

Browse Source
This commit is contained in:
Robert Kossessa
2024-01-25 17:19:30 +01:00
parent dbb78d15ad
commit ce277e97eb
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/HSLInput.vue
View File

@@ -257,10 +257,11 @@ function shake() {
<div>
<div
class="w-full flex p-4 font-heading"
:style="{backgroundColor: `hsl(${hue},${saturation}%,${lightness}%)`}"
style="transition: color 0.2s ease-in-out"
:class="{'text-black': foregroundBlack(...rgb)}">
<div ref="colorFieldText" class="w-full flex opacity-50">
:style="{backgroundColor: `hsl(${hue},${saturation}%,${lightness}%)`}">
<div
ref="colorFieldText" class="w-full flex opacity-50"
:class="foregroundBlack(...rgb) ? 'text-black selection:bg-black selection:text-white' : 'selection:bg-white selection:text-black'"
style="transition: color 0.2s ease-in-out">
<div>
<form @submit.prevent="onSubmitHueInput">
<label for="hueInput">H: </label><input