fix styles #2

Signed-off-by: Sudhanshu Dasgupta <[email protected]>
layer5io · Oct 3, 2024 · 862de60 · 862de60
1 parent b3d900d
commit 862de60
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 5 deletions.
diff --git a/src/components/UpcomingEventCard/EventCard.style.js b/src/components/UpcomingEventCard/EventCard.style.js
@@ -11,6 +11,7 @@ const UpcomingEventsWrapper = styled.div`
 		padding: 1rem;
 		border-radius: 0.5rem;
 		height: 39.5rem;
+		overflow: auto;
 		transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
 	}
 	.blog-slider_img{

diff --git a/src/components/UpcomingEventCard/index.js b/src/components/UpcomingEventCard/index.js
@@ -14,7 +14,9 @@ const UpcomingEvents = ({ data }) => {
   return (
     <UpcomingEventsWrapper>
       <div className="blog-slider swiper">
-        <div className="blog-slider__wrp swiper-wrapper">
+        <div style={{
+          display: "block"
+        }} className="blog-slider__wrp swiper-wrapper">
 
           <Swiper
             spaceBetween={100}

diff --git a/src/sections/CloudNativeDeployments/deploy.style.js b/src/sections/CloudNativeDeployments/deploy.style.js
@@ -12,7 +12,6 @@ const CloudDeploy = styled.div`
   .collaboration_display {
     display: flex;
     flex-direction: row;
-    flex-wrap: wrap;
     width: 100%;
     margin: 0 10px;
     align-items: flex-start;

diff --git a/src/sections/Developer-Infrastructure/deploy.style.js b/src/sections/Developer-Infrastructure/deploy.style.js
@@ -12,7 +12,6 @@ const CloudDeploy = styled.div`
   .collaboration_display {
     display: flex;
     flex-direction: row;
-    flex-wrap: wrap;
     width: 100%;
     margin: 0 10px;
     align-items: flex-start;

diff --git a/src/sections/Events/index.js b/src/sections/Events/index.js
@@ -27,7 +27,9 @@ const Meetups = ({ data, pageContext }) => {
           <Button className={active == "meetups" ? "active" : ""} onClick={() => setActive("meetups")} title="MeetUps" />
         </div>
         <div>
-          <Row>
+          <Row style={{
+            flexWrap: "wrap"
+          }}>
             {active == "all" ? sortEvents(data.allCategories.nodes).map(category => {
               return (
                 <Col $xs={12} $sm={6} $lg={4} key={category.id}>

diff --git a/src/sections/kubernetes-multi-cluster/kube.style.js b/src/sections/kubernetes-multi-cluster/kube.style.js
@@ -14,7 +14,6 @@ const CommentsWrapper = styled.div`
   .collaboration_display {
     display: flex;
     flex-direction: row;
-    flex-wrap: wrap;
     width: 100%;
     margin: 0 10px;
     align-items: flex-start;