Fixed styles

src/views/BlogView.jsx

@@ -61,11 +61,13 @@ const BlogView = ({ setCurrentView, slug }) => {
           display: "flex",
           flexDirection: "column",
         }}
-        bodyStyle={{
+        styles={{
-          flex: 1,
+          body: {
-          overflowY: "auto",
+            flex: 1,
-          padding: "0",
+            overflowY: "auto",
-          margin: "20px 0",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button

src/views/BlogsView.jsx

@@ -82,11 +82,13 @@ const BlogsView = ({ setCurrentView }) => {
           display: "flex",
           flexDirection: "column",
         }}
-        bodyStyle={{
+        styles={{
-          flex: 1,
+          body: {
-          overflowY: "hidden", // Changed from auto to hidden
+            flex: 1,
-          display: "flex",
+            overflowY: "auto",
-          flexDirection: "column",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button

src/views/CVView.jsx

@@ -17,6 +17,16 @@ const CVView = ({ setCurrentView }) => {
         style={{
           width: isMobile ? "100%" : "70%",
           height: isMobile ? "100%" : "70%",
+          display: "flex",
+          flexDirection: "column",
+        }}
+        styles={{
+          body: {
+            flex: 1,
+            overflowY: "auto",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button

src/views/ContactView.jsx

@@ -43,6 +43,16 @@ const ContactView = ({ setCurrentView }) => {
         style={{
           width: isMobile ? "100%" : "70%",
           height: isMobile ? "100%" : "70%",
+          display: "flex",
+          flexDirection: "column",
+        }}
+        styles={{
+          body: {
+            flex: 1,
+            overflowY: "auto",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button

src/views/ExperienceView.jsx

@@ -1,4 +1,4 @@
-import React from "react";
+import PropTypes from "prop-types";
 import { useMediaQuery } from "react-responsive";
 import { Button, Card, Flex } from "antd";
 const ExperienceView = ({ setCurrentView }) => {
@@ -11,6 +11,16 @@ const ExperienceView = ({ setCurrentView }) => {
         style={{
           width: isMobile ? "100%" : "70%",
           height: isMobile ? "100%" : "70%",
+          display: "flex",
+          flexDirection: "column",
+        }}
+        styles={{
+          body: {
+            flex: 1,
+            overflowY: "auto",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button
@@ -65,4 +75,7 @@ const ExperienceView = ({ setCurrentView }) => {
   );
 };
 
+ExperienceView.propTypes = {
+  setCurrentView: PropTypes.func.isRequired,
+};
 export default ExperienceView;