Added icon, removed custom forms

This commit is contained in:
Corey 2020-05-26 09:33:49 +08:00
parent efc7539759
commit 9e7182f247
2 changed files with 30 additions and 4 deletions

View file

@ -43,7 +43,7 @@
<label class="inline-flex items-center"> <label class="inline-flex items-center">
<input <input
type="radio" type="radio"
class="form-radio text-green-600 focus:outline-none" class="form-radio text-green-600"
name="clickType" name="clickType"
value="copy" value="copy"
checked checked
@ -53,15 +53,39 @@
<label class="inline-flex items-center sm:ml-6"> <label class="inline-flex items-center sm:ml-6">
<input <input
type="radio" type="radio"
class="form-radio text-green-600 focus:outline-none" class="form-radio text-green-600"
name="clickType" name="clickType"
value="download" value="download"
/> />
<span class="ml-2">Download SVGs</span> <span class="ml-2">Download SVGs</span>
</label> </label>
<button <button
class="ml-auto p-3 rounded bg-black text-white hover:bg-gray-900 w-full sm:w-auto" class="flex flex-row items-center ml-auto p-3 rounded bg-black text-white hover:bg-gray-900 w-full sm:w-auto"
> >
<span class="mr-4">
<svg
height="21"
viewBox="0 0 21 21"
width="21"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
stroke="currentcolor"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 3)"
>
<path
d="m9.221 4.716.165 5.821-5.792-.135"
transform="matrix(-.70710678 .70710678 .70710678 .70710678 5.685139 -2.354861)"
/>
<path d="m6.5.5v11" />
<path d="m.5 14.5h12" />
</g>
</svg>
</span>
Download All SVGs Download All SVGs
</button> </button>
</div> </div>

View file

@ -9,5 +9,7 @@ module.exports = {
variants: { variants: {
// Some useful comment // Some useful comment
}, },
plugins: [require("@tailwindcss/custom-forms")], plugins: [
// Some useful comment
],
}; };