deblan-mirror/system-uicons
1
0
Fork 0
mirror of https://github.com/CoreyGinnivan/system-uicons.git synced 2024-06-09 09:22:11 +02:00
Code Issues Releases Wiki Activity

Made responsive

Browse source
This commit is contained in:
Corey 2020-05-25 22:31:17 +08:00
parent 3f2c25e8df
commit 1786e8dd8e
2 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/index.html
View file

@ -36,7 +36,7 @@
class="flex flex-1 w-full py-4 focus:outline-none placeholder-gray-400 appearance-none text-black focus:text-black tracking-tighter text-xl lg:text-3xl xl:text-5xl" class="flex flex-1 w-full py-4 focus:outline-none placeholder-gray-400 appearance-none text-black focus:text-black tracking-tighter text-xl lg:text-3xl xl:text-5xl"
/> />
<div <div
class="flex flex-row items-center border-t border-gray-300 bg-white pt-4" class="flex flex-col space-y-4 sm:space-y-0 sm:flex-row border-t border-gray-300 bg-white pt-4"
> >
<label class="inline-flex items-center"> <label class="inline-flex items-center">
<input <input
@ -48,7 +48,7 @@
/> />
<span class="ml-2">Copy SVG Code</span> <span class="ml-2">Copy SVG Code</span>
</label> </label>
<label class="inline-flex items-center 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 focus:outline-none"
@ -58,7 +58,7 @@
<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" class="ml-auto p-3 rounded bg-black text-white hover:bg-gray-900 w-full sm:w-auto"
> >
Download All SVGs Download All SVGs
</button> </button>

4
tailwind.config.js
View file

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