merge columnMap const
This commit is contained in:
parent
e8ffeeecb4
commit
c71219d50b
@ -1,18 +1,8 @@
|
|||||||
import classNames from "classnames";
|
import classNames from "classnames";
|
||||||
|
|
||||||
import Item from "components/bookmarks/item";
|
import { columnMap } from "../../utils/layout/columns";
|
||||||
|
|
||||||
const columnMap = [
|
import Item from "components/bookmarks/item";
|
||||||
"grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
|
|
||||||
"grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-2",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-7",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-8",
|
|
||||||
];
|
|
||||||
|
|
||||||
export default function List({ bookmarks, layout }) {
|
export default function List({ bookmarks, layout }) {
|
||||||
return (
|
return (
|
||||||
|
|||||||
@ -1,18 +1,8 @@
|
|||||||
import classNames from "classnames";
|
import classNames from "classnames";
|
||||||
|
|
||||||
import Item from "components/services/item";
|
import { columnMap } from "../../utils/layout/columns";
|
||||||
|
|
||||||
const columnMap = [
|
import Item from "components/services/item";
|
||||||
"grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
|
|
||||||
"grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-2",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-7",
|
|
||||||
"grid-cols-1 md:grid-cols-2 lg:grid-cols-8",
|
|
||||||
];
|
|
||||||
|
|
||||||
export default function List({ group, services, layout }) {
|
export default function List({ group, services, layout }) {
|
||||||
return (
|
return (
|
||||||
|
|||||||
12
src/utils/layout/columns.js
Normal file
12
src/utils/layout/columns.js
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
// eslint-disable-next-line import/prefer-default-export
|
||||||
|
export const columnMap = [
|
||||||
|
"grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
|
||||||
|
"grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
|
||||||
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-2",
|
||||||
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
|
||||||
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
|
||||||
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
|
||||||
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
|
||||||
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-7",
|
||||||
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-8",
|
||||||
|
];
|
||||||
@ -59,5 +59,16 @@ module.exports = {
|
|||||||
'backdrop-brightness-125',
|
'backdrop-brightness-125',
|
||||||
'backdrop-brightness-150',
|
'backdrop-brightness-150',
|
||||||
'backdrop-brightness-200',
|
'backdrop-brightness-200',
|
||||||
|
'grid-cols-1',
|
||||||
|
'md:grid-cols-1',
|
||||||
|
'md:grid-cols-2',
|
||||||
|
'lg:grid-cols-1',
|
||||||
|
'lg:grid-cols-2',
|
||||||
|
'lg:grid-cols-3',
|
||||||
|
'lg:grid-cols-4',
|
||||||
|
'lg:grid-cols-5',
|
||||||
|
'lg:grid-cols-6',
|
||||||
|
'lg:grid-cols-7',
|
||||||
|
'lg:grid-cols-8',
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user