tombutcher.work/2025-tombutcher-ui
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Fixed styles

Browse Source
This commit is contained in:
Tom Butcher 2025-04-06 14:03:38 +01:00
parent 29b0ab533c
commit e6c1b201a6
5 changed files with 48 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/BlogView.jsx
View File

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

12
src/views/BlogsView.jsx
View File

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

10
src/views/CVView.jsx
View File

@ -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

10
src/views/ContactView.jsx
View File

@ -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

15
src/views/ExperienceView.jsx
View File

@ -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;