deblan-mirror/system-uicons
1
0
Fork 0
mirror of https://github.com/CoreyGinnivan/system-uicons.git synced 2024-05-23 15:52:13 +02:00
Code Issues Releases Wiki Activity

Made radio buttons nicer

Browse source
This commit is contained in:
Corey 2020-05-26 11:08:23 +08:00
parent cdc7e43448
commit 9ce75f728f
1 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/index.html
View file

@ -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">&lt;img/&gt; Link</span> <span class="ml-2">&lt;img/&gt; 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"
/> />