final touch ups?

DidierRLopes · Jan 5, 2025 · ebbccc8 · ebbccc8
1 parent c17a58a
commit ebbccc8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/BlogHistory.tsx b/src/components/BlogHistory.tsx
@@ -145,7 +145,7 @@ export default function BlogHistory({ posts = [], isDesktop }: BlogHistoryProps)
 	const maxPosts = Math.max(...monthlyData.map((data) => data.posts.length));
 
 	return (
-		<div style={{ width: "100%", height: 400 }}>
+		<div style={{ width: "100%", height: isDesktop ? 400 : 300 }}>
 			<ResponsiveContainer>
 				<BarChart
 					data={monthlyData}

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -209,18 +209,18 @@ export default function Home() {
                 <iframe
                   src="https://github-stats-alpha.vercel.app/api?username=DidierRLopes&cc=000&tc=fff&ic=fff&bc=fff"
                   width="100%"
-                  height="200"
+                  height={isDesktop ? "200" : "150"}
                   title="GitHub Stats"
-                  className="border-0 my-auto pt-8"
+                  className="border-0 my-auto pt-8 max-w-full"
                 />
               </div>
               <div className="flex items-center justify-center">
                 <iframe
                   src="https://ssr-contributions-svg.vercel.app/_/DidierRLopes?chart=3dbar&format=svg&theme=blue"
                   width="100%"
-                  height="200"
+                  height={isDesktop ? "200" : "150"}
                   title="GitHub Contributions"
-                  className="border-0 my-auto"
+                  className="border-0 my-auto max-w-full"
                 />
               </div>
             </Carousel>
@@ -239,7 +239,7 @@ export default function Home() {
           )}
           {isDesktop ? (
             <>
-              <div className="relative mt-8 mb-4 overflow-hidden">
+              <div className="relative mb-4 overflow-hidden">
                 <div className="flex animate-scroll gap-8">
                   {postsHighlight.concat(postsHighlight).map((post, index) => (
                     <div
@@ -267,7 +267,7 @@ export default function Home() {
               </div>
             </>
           ) : isTablet ? (
-            <div className="flex justify-center gap-8 mt-8 mb-4">
+            <div className="flex justify-center gap-8 mb-4">
               {postsHighlight.slice(0, 2).map((post) => (
                 <div
                   key={post.id}