Cleaned up the toggle

This commit is contained in:
Corey 2020-07-31 00:02:03 +08:00
parent d8b33f059a
commit 9a693dd3fc
1 changed files with 12 additions and 12 deletions

View File

@ -47,44 +47,44 @@
>
<div class="bg-gray-200 p-1 rounded">
<label
class="inline-flex h-full items-center cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-gray-900"
:class="downloadType === 'copy-svg' ? 'bg-white shadow' : 'text-blue-500 hover:text-blue-800'"
class="inline-flex h-full items-center cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-white hover:text-black"
:class="downloadType === 'copy-svg' ? 'bg-white shadow' : 'text-gray-600'"
>
<input
type="radio"
class="form-radio"
class="hidden"
name="copy-svg"
x-model="downloadType"
:value="'copy-svg'"
checked
/>
<span class="ml-2">Copy SVG Code</span>
<span>Copy SVG Code</span>
</label>
<label
class="inline-flex h-full items-center md:ml-2 lg:ml-4 cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-gray-900 hover:text-white"
:class="downloadType === 'copy-cdn' ? 'bg-white shadow' : 'text-blue-500 hover:text-blue-800'"
class="inline-flex h-full items-center cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-white hover:text-black"
:class="downloadType === 'copy-cdn' ? 'bg-white shadow' : 'text-gray-600'"
>
<input
type="radio"
class="form-radio"
class="hidden"
name="copy-cdn"
x-model="downloadType"
:value="'copy-cdn'"
/>
<span class="ml-2">Copy CDN Link</span>
<span>Copy CDN Link</span>
</label>
<label
class="inline-flex h-full items-center md:ml-2 lg:ml-4 cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-gray-900 hover:text-white"
:class="downloadType === 'download-svg' ? 'bg-white shadow' : 'text-blue-500 hover:text-blue-800'"
class="inline-flex h-full items-center cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-white hover:text-black"
:class="downloadType === 'download-svg' ? 'bg-white shadow' : 'text-gray-600'"
>
<input
type="radio"
class="form-radio"
class="hidden"
name="download-svg"
x-model="downloadType"
:value="'download-svg'"
/>
<span class="ml-2">Download SVGs</span>
<span>Download SVGs</span>
</label>
</div>
<button