This commit is contained in:
MuslemRahimi 2024-06-18 21:02:37 +02:00
parent 23a15e5eb2
commit e2e63c28cd

View File

@ -81,10 +81,10 @@ $: {
<label class="relative inline-flex cursor-pointer items-center">
<input type="checkbox" on:click={handleMode} checked={mode === 'bullish' ? false : true} class="peer sr-only" />
<div
class="peer flex h-8 items-center gap-4 rounded-full px-5 bg-[#313131] after:absolute after:left-1 after: after:h-6 after:w-[85px] after:rounded-full {mode === 'bullish' ? 'after:bg-green-600' : 'after:bg-red-600'} after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-focus:outline-none text-sm font-semibold text-white"
class="peer flex h-8 items-center rounded-full px-5 bg-[#313131] after:absolute after:left-1 after: after:h-6 after:w-[85px] after:rounded-full {mode === 'bullish' ? 'after:bg-green-600' : 'after:bg-red-600'} after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-focus:outline-none text-sm font-semibold text-white"
>
<span class="mr-2 z-10">Bull Case</span>
<span class="z-10">Bear Case</span>
<span class="z-10 ml-4">Bear Case</span>
</div>
</label>