row margin fix

This commit is contained in:
BFlat authored and Brandon Thomas committed 2022-07-21 23:39:14 -04:00
1 parent 5a720acad6
commit 9679e2ed6e
2 files changed
+10 -6

No files matched your search

@@ -109,7 +109,7 @@ function ProfileW2lTemplateListFc(props: Props) {
if (rowOfTemplateElements.length === nextRowSize) {
allRowsOfTemplateElements.push(
<div className="col-sm-6 col-md-4 col-lg-3 mb-4 d-flex" key={rowKey}>
<div className="col-sm-6 col-md-4 col-lg-3 d-flex" key={rowKey}>
{rowOfTemplateElements.map((el) => el)}
</div>
);
@@ -128,14 +128,16 @@ function ProfileW2lTemplateListFc(props: Props) {
// Make sure last row is built.
if (rowOfTemplateElements.length !== 0) {
allRowsOfTemplateElements.push(
<div className="col-sm-6 col-md-4 col-lg-3 mb-4 d-flex" key={rowKey}>
<div className="col-sm-6 col-md-4 col-lg-3 d-flex" key={rowKey}>
{rowOfTemplateElements.map((el) => el)}
</div>
);
rowOfTemplateElements = [];
}
return <div className="row">{allRowsOfTemplateElements.map((el) => el)}</div>;
return (
<div className="row gy-4">{allRowsOfTemplateElements.map((el) => el)}</div>
);
}
export { ProfileW2lTemplateListFc };
@@ -114,7 +114,7 @@ function W2lTemplateListFc(props: Props) {
if (rowOfTemplateElements.length === nextRowSize) {
allRowsOfTemplateElements.push(
<div className="col-sm-6 col-md-4 col-lg-3 mb-4 d-flex" key={rowKey}>
<div className="col-sm-6 col-md-4 col-lg-3 d-flex" key={rowKey}>
{rowOfTemplateElements.map((el) => el)}
</div>
);
@@ -133,7 +133,7 @@ function W2lTemplateListFc(props: Props) {
// Make sure last row is built.
if (rowOfTemplateElements.length !== 0) {
allRowsOfTemplateElements.push(
<div className="col-sm-6 col-md-4 col-lg-3 mb-4 d-flex" key={rowKey}>
<div className="col-sm-6 col-md-4 col-lg-3 d-flex" key={rowKey}>
{rowOfTemplateElements.map((el) => el)}
</div>
);
@@ -199,7 +199,9 @@ function W2lTemplateListFc(props: Props) {
<div className="container-panel pb-4">
<div className="panel p-3 p-lg-4 load-hidden">
<div className="row">{allRowsOfTemplateElements.map((el) => el)}</div>
<div className="row gy-4">
{allRowsOfTemplateElements.map((el) => el)}
</div>
</div>
</div>