Cleaned up the toggle
This commit is contained in:
parent
d8b33f059a
commit
9a693dd3fc
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue