Layout fixes

codelitdev · Feb 1, 2024 · 5c327b7 · 5c327b7
1 parent 90ffca5
commit 5c327b7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/packages/common-widgets/src/grid/widget/index.tsx b/packages/common-widgets/src/grid/widget/index.tsx
@@ -15,8 +15,8 @@ import {
 } from "../defaults";
 
 const twGridColsMap = {
-    2: "grid-cols-2",
-    3: "grid-cols-3",
+    2: "lg:grid-cols-2",
+    3: "lg:grid-cols-3",
 };
 
 export default function Widget({
@@ -108,7 +108,7 @@ export default function Widget({
                 </div>
                     */}
                         <div
-                            className={`grid grid-cols-1 md:grid-cols-2 lg:${twGridColsMap[columns]} gap-4`}
+                            className={`grid grid-cols-1 md:grid-cols-2 ${twGridColsMap[columns]} gap-4`}
                         >
                             {items.map((item: Item, index: number) => (
                                 <div className="flex flex-col">

diff --git a/packages/common-widgets/src/index.tsx b/packages/common-widgets/src/index.tsx
@@ -7,7 +7,6 @@ const maxWClasses =
     "lg:max-w-[1%] lg:max-w-[2%] lg:max-w-[3%] lg:max-w-[4%] lg:max-w-[5%] lg:max-w-[6%] lg:max-w-[7%] lg:max-w-[8%] lg:max-w-[9%] lg:max-w-[10%] lg:max-w-[11%] lg:max-w-[12%] lg:max-w-[13%] lg:max-w-[14%] lg:max-w-[15%] lg:max-w-[16%] lg:max-w-[17%] lg:max-w-[18%] lg:max-w-[19%] lg:max-w-[20%] lg:max-w-[21%] lg:max-w-[22%] lg:max-w-[23%] lg:max-w-[24%] lg:max-w-[25%] lg:max-w-[26%] lg:max-w-[27%] lg:max-w-[28%] lg:max-w-[29%] lg:max-w-[30%] lg:max-w-[31%] lg:max-w-[32%] lg:max-w-[33%] lg:max-w-[34%] lg:max-w-[35%] lg:max-w-[36%] lg:max-w-[37%] lg:max-w-[38%] lg:max-w-[39%] lg:max-w-[40%] lg:max-w-[41%] lg:max-w-[42%] lg:max-w-[43%] lg:max-w-[44%] lg:max-w-[45%] lg:max-w-[46%] lg:max-w-[47%] lg:max-w-[48%] lg:max-w-[49%] lg:max-w-[50%] lg:max-w-[51%] lg:max-w-[52%] lg:max-w-[53%] lg:max-w-[54%] lg:max-w-[55%] lg:max-w-[56%] lg:max-w-[57%] lg:max-w-[58%] lg:max-w-[59%] lg:max-w-[60%] lg:max-w-[61%] lg:max-w-[62%] lg:max-w-[63%] lg:max-w-[64%] lg:max-w-[65%] lg:max-w-[66%] lg:max-w-[67%] lg:max-w-[68%] lg:max-w-[69%] lg:max-w-[70%] lg:max-w-[71%] lg:max-w-[72%] lg:max-w-[73%] lg:max-w-[74%] lg:max-w-[75%] lg:max-w-[76%] lg:max-w-[77%] lg:max-w-[78%] lg:max-w-[79%] lg:max-w-[80%] lg:max-w-[81%] lg:max-w-[82%] lg:max-w-[83%] lg:max-w-[84%] lg:max-w-[85%] lg:max-w-[86%] lg:max-w-[87%] lg:max-w-[88%] lg:max-w-[89%] lg:max-w-[90%] lg:max-w-[91%] lg:max-w-[92%] lg:max-w-[93%] lg:max-w-[94%] lg:max-w-[95%] lg:max-w-[96%] lg:max-w-[97%] lg:max-w-[98%] lg:max-w-[99%] lg:max-w-[100%]";
 const fontSize =
     "text-lg text-xl text-2xl text-3xl text-4xl text-5xl text-6xl text-7xl text-8xl";
-const gridCols = "grid-cols-2 grid-cols-3";
 
 export * from "./rich-text";
 export * from "./footer";

diff --git a/packages/common-widgets/src/pricing/widget.tsx b/packages/common-widgets/src/pricing/widget.tsx
@@ -19,8 +19,8 @@ import {
 } from "./defaults";
 
 const twGridColsMap = {
-    2: "grid-cols-2",
-    3: "grid-cols-3",
+    2: "lg:grid-cols-2",
+    3: "lg:grid-cols-3",
 };
 
 export default function Widget({
@@ -75,7 +75,7 @@ export default function Widget({
                 </div>
                 {items && items.length > 0 && (
                     <div
-                        className={`grid grid-cols-1 md:grid-cols-2 lg:${twGridColsMap[columns]} gap-4`}
+                        className={`grid grid-cols-1 md:grid-cols-2 ${twGridColsMap[columns]} gap-4`}
                     >
                         {items.map((item) => (
                             <Card