mirror of
https://github.com/CoreyGinnivan/system-uicons.git
synced 2024-04-28 11:52:45 +02:00
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">
|
<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
|
||||||
|
|
Loading…
Reference in a new issue