Made header sticky

This commit is contained in:
Corey 2020-05-26 11:19:31 +08:00
parent 9ce75f728f
commit f5383e47e2

View file

@ -37,8 +37,9 @@
spellcheck="false" spellcheck="false"
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 <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 px-8 sticky top-0"
> >
<label <label
class="inline-flex items-center cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white" class="inline-flex items-center cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white"
@ -55,12 +56,7 @@
<label <label
class="inline-flex items-center md:ml-6 cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white" class="inline-flex items-center md:ml-6 cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white"
> >
<input <input type="radio" class="form-radio" name="clickType" value="link" />
type="radio"
class="form-radio"
name="clickType"
value="link"
/>
<span class="ml-2">&lt;img/&gt; Link</span> <span class="ml-2">&lt;img/&gt; Link</span>
</label> </label>
<label <label
@ -104,7 +100,6 @@
Download All SVGs Download All SVGs
</button> </button>
</div> </div>
</div>
<div <div
class="p-8 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-7 gap-4" class="p-8 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-7 gap-4"
> >