Browse Source

Fixed grid styles

pull/47/head
Corey Ginnivan 2 months ago
parent
commit
5d87c5c4b0
  1. 4
      package.json
  2. 4
      src/index.html
  3. 2
      tailwind.config.js

4
package.json

@ -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",
@ -27,4 +27,4 @@
"autoprefixer": "^10.4.7",
"typeface-roboto-mono": "^1.1.13"
}
}
}

4
src/index.html

@ -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

2
tailwind.config.js

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

Loading…
Cancel
Save