Tweaked main grid sizing

This commit is contained in:
Corey 2020-08-01 17:16:11 +08:00
parent 0db2b30058
commit cf4a59d20f

View file

@ -230,7 +230,7 @@
</div> </div>
<div <div
class="p-2 lg:p-8 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-7 gap-4" class="p-2 lg:p-8 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 xl:grid-cols-8 gap-4"
> >
<template x-for="(item, index) in filteredIcons" :key="index"> <template x-for="(item, index) in filteredIcons" :key="index">
<a <a
@ -242,7 +242,7 @@
item.icon_path + item.icon_path +
`.svg`" `.svg`"
x-bind:download="downloadType === 'download-svg' && item.icon_name" x-bind:download="downloadType === 'download-svg' && item.icon_name"
class="flex flex-col relative items-center group justify-center text-gray-700 rounded shadow hover:shadow-xl bg-white cursor-pointer transition duration-150 ease-in-out h-32 md:h-48" class="flex flex-col relative items-center group justify-center text-gray-700 rounded shadow hover:shadow-xl bg-white cursor-pointer transition duration-150 ease-in-out h-32 md:h-40"
@click="handleClick(item, downloadType, $event), $dispatch('show:toast'), setTimeout(() => $dispatch('show:toast'), 1000)" @click="handleClick(item, downloadType, $event), $dispatch('show:toast'), setTimeout(() => $dispatch('show:toast'), 1000)"
> >
<div x-data="{ copied: false }"> <div x-data="{ copied: false }">
@ -270,7 +270,7 @@
loading="lazy" loading="lazy"
/> />
<p <p
class="text-xs leading-none text-center mt-4 md:mt-8" class="text-xs leading-none text-gray-600 text-center mt-4 md:mt-8"
x-text="item.icon_name" x-text="item.icon_name"
></p> ></p>
<span class="hidden" x-text="item.icon_keywords"></span> <span class="hidden" x-text="item.icon_keywords"></span>