Fixed grid styles

This commit is contained in:
Corey Ginnivan 2022-05-11 10:02:56 +08:00
parent f2e73eb17e
commit 5d87c5c4b0
3 changed files with 5 additions and 5 deletions

View File

@ -10,9 +10,9 @@
"copy-webpack-plugin": "^10.2.4",
"cross-env": "^7.0",
"css-loader": "^6.7.1",
"mini-css-extract-plugin": "^2.6.0",
"glob-all": "^3.3.0",
"html-webpack-plugin": "^5.5.0",
"mini-css-extract-plugin": "^2.6.0",
"postcss": "^8.4.13",
"postcss-loader": "^6.2.1",
"style-loader": "^3.3.1",

View File

@ -282,7 +282,7 @@
</div>
<div
class="grid grid-cols-2 m-4 md:m-6 lg:m-8 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-10 divide-x divide-y divide-gray-200 border-r border-b border-solid border-gray-200"
class="grid m-4 md:m-6 lg:m-8 grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-10 border-t border-l"
>
<template x-for="(item, index) in filteredIcons" :key="index">
<a
@ -294,7 +294,7 @@
item.icon_path +
`.svg`"
x-bind:download="downloadType === 'download-svg' && item.icon_name"
class="relative flex flex-col items-center justify-center h-32 p-2 text-gray-700 duration-150 ease-in-out bg-white cursor-pointer group hover:z-10 hover:shadow-xl md:h-40"
class="relative flex flex-col items-center justify-center h-32 p-2 text-gray-700 duration-150 ease-in-out bg-white border-r border-b cursor-pointer group hover:z-10 hover:shadow-xl md:h-40"
@click="handleClick(item, downloadType, $event, $dispatch)"
>
<div

View File

@ -7,7 +7,7 @@ module.exports = {
],
},
scale: {
"200": "2",
200: "2",
},
},
plugins: [