fix(pci-common): shapes input dynamic columns count

Signed-off-by: Mohammed Hamdoune <[email protected]>
ovh · Nov 15, 2024 · deace9c · deace9c
1 parent 2048b4a
commit deace9c
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/...es/manager/modules/manager-pci-common/src/components/shape-input/ShapeInput.component.tsx b/...es/manager/modules/manager-pci-common/src/components/shape-input/ShapeInput.component.tsx
@@ -264,7 +264,10 @@ export const ShapesInputComponent = function ShapesInputComponent<T>({
             )}
           >
             <ul
-              className={`list-none grid grid-cols-${columnsCount} gap-6 m-0 p-4`}
+              className="list-none grid gap-6 m-0 p-4"
+              style={{
+                gridTemplateColumns: `repeat(${columnsCount}, minmax(0, 1fr))`,
+              }}
             >
               {[...stackHandler.itemsMap.keys()].map((stackKey) => (
                 <li key={stackKey}>