deblan-mirror/system-uicons
1
0
Fork 0
mirror of https://github.com/CoreyGinnivan/system-uicons.git synced 2024-05-04 22:53:10 +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"
/>
<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">
<input
@ -48,7 +48,7 @@
/>
<span class="ml-2">Copy SVG Code</span>
</label>
<label class="inline-flex items-center ml-6">
<label class="inline-flex items-center sm:ml-6">
<input
type="radio"
class="form-radio text-green-600 focus:outline-none"
@ -58,7 +58,7 @@
<span class="ml-2">Download SVGs</span>
</label>
<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
</button>

4
tailwind.config.js
View file

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