Cleaned up the toggle

This commit is contained in:
Corey 2020-07-31 00:02:03 +08:00
parent d8b33f059a
commit 9a693dd3fc

View file

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