Merge pull request #5975 from sudhanshutech/fix/issue1

add missing props
layer5io · Oct 6, 2024 · 0f44e1c · 0f44e1c
2 parents b163dc2 + 1379414
commit 0f44e1c
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 13 deletions.
diff --git a/src/sections/ArchitectureDiagram/index.js b/src/sections/ArchitectureDiagram/index.js
@@ -61,7 +61,7 @@ const ArchitectureDiagram = () => {
           </div>
           <div className={"collaboration_display"}>
             {card_data.map((x) => (
-              <FeatureUseCard data={x} key={x.heading} sm={12} md={6} lg={6} />
+              <FeatureUseCard data={x} key={x.heading} $sm={12} $md={6} $lg={6} />
             ))}
           </div>
         </div>

diff --git a/src/sections/CloudNativeDeployments/index.js b/src/sections/CloudNativeDeployments/index.js
@@ -52,7 +52,7 @@ const KubernetesMultiCluster = () => {
           </div>
           <div className={"collaboration_display"}>
             {card_data.map((x) => (
-              <FeatureUseCard data={x} key={x.heading} sm={12} md={6} lg={4} />
+              <FeatureUseCard data={x} key={x.heading} $sm={12} $md={6} $lg={4} />
             ))}
           </div>
         </div>

diff --git a/src/sections/Comments/index.js b/src/sections/Comments/index.js
@@ -46,7 +46,7 @@ const Comments = () => {
           </div>
           <div className={"collaboration_display"}>
             {card_data.map((x) => (
-              <FeatureUseCard data={x} key={x.heading} sm={12} md={6} lg={4} />
+              <FeatureUseCard data={x} key={x.heading} $sm={12} $md={6} $lg={4} />
             ))}
           </div>
         </div>

diff --git a/src/sections/Community/Newcomers-guide/index.js b/src/sections/Community/Newcomers-guide/index.js
@@ -32,7 +32,9 @@ const NewcomersGuide = () => {
               Slack workspace</a>{" "}
             to collaborate with the community and the <a href="https://discuss.layer5.io" target="">discussion forum</a> for questions. Also, you can check the
             quick-links below for jumping straight into things.</p>
-          <Row className="newcomers-journey">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="newcomers-journey">
             <Col
               className="heading"
               $sm={12}
@@ -137,7 +139,9 @@ const NewcomersGuide = () => {
               </ol>
             </Col>
           </Row>
-          <Row className="step">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="step">
             <Col $sm={12} $lg={6}>
               <h3>Working on Your Issue</h3>
               <ol type="i">
@@ -190,7 +194,9 @@ const NewcomersGuide = () => {
               <StaticImage src={FiveWorking} alt="Five Working Image" />
             </Col>
           </Row>
-          <Row className="step">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="step">
             <Col $sm={12} $lg={6} className="community-collage">
               <StaticImage src={CommunityImage3} alt="Community Image" />
             </Col>

diff --git a/src/sections/Community/index.js b/src/sections/Community/index.js
@@ -49,15 +49,17 @@ const CommunityPage = () => {
 
   return (
     <CommunitySectionWrapper>
-      <BgImage image={ pluginImage} className="section">
+      <BgImage image={pluginImage} className="section">
         <div className="community-header">
           <h1>The Layer5 Community</h1>
           <h2>New members are always welcome</h2>
         </div>
       </BgImage>
       <div className="community-section-wrapper">
         <Container>
-          <Row className="service-mesh-projects">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="service-mesh-projects">
             <Col $sm={12} $lg={6}>
               <h2>Warm, welcoming, and encouraging. Embrace developer-defined infrastructure and help empower every engineer with us.</h2>
               <p>
@@ -69,7 +71,9 @@ const CommunityPage = () => {
               <StaticImage src={CommunityMember} alt="Community Member" placeholder="blurred" />
             </Col>
           </Row>
-          <Row className="open-source-projects">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="open-source-projects">
             <h2>Open Source and Cloud Native</h2>
             <p>
               Layer5 projects are open source software. Anyone can download,
@@ -154,7 +158,7 @@ const CommunityPage = () => {
           </Row>
         </Container>
         <Container>
-          <InlineQuotes title={"Community Member"} quote={"Wow, you all are incredibly helpful. I wish every open source community was as friendly as Layer5's."} person={"Priyanshu Sharma"}/>
+          <InlineQuotes title={"Community Member"} quote={"Wow, you all are incredibly helpful. I wish every open source community was as friendly as Layer5's."} person={"Priyanshu Sharma"} />
         </Container>
       </div>
       <JoinCommunity image={Five} className="newcomers-join" />

diff --git a/src/sections/Developer-Infrastructure/index.js b/src/sections/Developer-Infrastructure/index.js
@@ -52,7 +52,7 @@ const KubernetesMultiCluster = () => {
           </div>
           <div className={"collaboration_display"}>
             {card_data.map((x) => (
-              <FeatureUseCard data={x} key={x.heading} sm={12} md={6} lg={4} />
+              <FeatureUseCard data={x} key={x.heading} $sm={12} $md={6} $lg={4} />
             ))}
           </div>
         </div>

diff --git a/src/sections/OrchestrationManagement/index.js b/src/sections/OrchestrationManagement/index.js
@@ -58,7 +58,7 @@ const Orchestration = () => {
           </div>
           <div className={"collaboration_display"}>
             {card_data.map((x) => (
-              <FeatureUseCard data={x} key={x.heading} sm={12} md={6} lg={6} />
+              <FeatureUseCard data={x} key={x.heading} $sm={12} $md={6} $lg={6} />
             ))}
           </div>
         </div>

diff --git a/src/sections/kubernetes-multi-cluster/index.js b/src/sections/kubernetes-multi-cluster/index.js
@@ -51,7 +51,7 @@ const KubernetesMultiCluster = () => {
           </div>
           <div className={"collaboration_display"}>
             {card_data.map((x) => (
-              <FeatureUseCard data={x} key={x.heading} sm={12} md={6} lg={4} />
+              <FeatureUseCard data={x} key={x.heading} $sm={12} $md={6} $lg={4} />
             ))}
           </div>
         </div>