mirror of
https://github.com/CoreyGinnivan/system-uicons.git
synced 2024-06-16 12:44:59 +02:00
Made radio buttons nicer
This commit is contained in:
parent
cdc7e43448
commit
9ce75f728f
|
@ -17,7 +17,7 @@
|
||||||
></script>
|
></script>
|
||||||
</head>
|
</head>
|
||||||
<body
|
<body
|
||||||
class="bg-white font-mono leading-normal tracking-normal"
|
class="bg-white font-mono leading-normal tracking-normal min-h-screen"
|
||||||
x-data="loadIcons()"
|
x-data="loadIcons()"
|
||||||
>
|
>
|
||||||
<div class="bg-white px-8 py-4">
|
<div class="bg-white px-8 py-4">
|
||||||
|
@ -40,29 +40,35 @@
|
||||||
<div
|
<div
|
||||||
class="flex flex-col space-y-4 md:space-y-0 md:flex-row border-t border-gray-300 bg-white pt-4"
|
class="flex flex-col space-y-4 md:space-y-0 md:flex-row border-t border-gray-300 bg-white pt-4"
|
||||||
>
|
>
|
||||||
<label class="inline-flex items-center">
|
<label
|
||||||
|
class="inline-flex items-center cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white"
|
||||||
|
>
|
||||||
<input
|
<input
|
||||||
type="radio"
|
type="radio"
|
||||||
class="form-radio text-green-600"
|
class="form-radio"
|
||||||
name="clickType"
|
name="clickType"
|
||||||
value="copy"
|
value="copy"
|
||||||
checked
|
checked
|
||||||
/>
|
/>
|
||||||
<span class="ml-2">Copy SVG Code</span>
|
<span class="ml-2">Copy SVG Code</span>
|
||||||
</label>
|
</label>
|
||||||
<label class="inline-flex items-center md:ml-6">
|
<label
|
||||||
|
class="inline-flex items-center md:ml-6 cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white"
|
||||||
|
>
|
||||||
<input
|
<input
|
||||||
type="radio"
|
type="radio"
|
||||||
class="form-radio text-green-600"
|
class="form-radio"
|
||||||
name="clickType"
|
name="clickType"
|
||||||
value="link"
|
value="link"
|
||||||
/>
|
/>
|
||||||
<span class="ml-2"><img/> Link</span>
|
<span class="ml-2"><img/> Link</span>
|
||||||
</label>
|
</label>
|
||||||
<label class="inline-flex items-center md:ml-6">
|
<label
|
||||||
|
class="inline-flex items-center md:ml-6 cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white"
|
||||||
|
>
|
||||||
<input
|
<input
|
||||||
type="radio"
|
type="radio"
|
||||||
class="form-radio text-green-600"
|
class="form-radio"
|
||||||
name="clickType"
|
name="clickType"
|
||||||
value="download"
|
value="download"
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Reference in a new issue