From cf065e3901df67388f02559da70bfe037b0da6d1 Mon Sep 17 00:00:00 2001
From: ayoayco <ayo@ayco.io>
Date: Sat, 17 Aug 2024 21:44:41 +0200
Subject: [PATCH] feat(blog): new meta post; update width snap

---
 src/components/blog/Header.astro          | 2 +-
 src/content/{drafts => blog}/02-meta-1.md | 0
 src/layouts/BlogPost.astro                | 2 +-
 src/pages/blog/index.astro                | 6 +++---
 src/styles/blog.css                       | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)
 rename src/content/{drafts => blog}/02-meta-1.md (100%)

diff --git a/src/components/blog/Header.astro b/src/components/blog/Header.astro
index 74d20dc..8237ac2 100644
--- a/src/components/blog/Header.astro
+++ b/src/components/blog/Header.astro
@@ -106,7 +106,7 @@ import { SITE_AUTHOR_MASTODON, SITE_DESCRIPTION, SITE_PROJECT_REPO, SITE_TITLE }
 		display: flex;
 	}
 
-	@media (max-width: 720px) {
+	@media (max-width: 700px) {
 		nav {
 			display: block;
 			padding: 1em 0;
diff --git a/src/content/drafts/02-meta-1.md b/src/content/blog/02-meta-1.md
similarity index 100%
rename from src/content/drafts/02-meta-1.md
rename to src/content/blog/02-meta-1.md
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 6163aed..d6832e3 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -113,7 +113,7 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
 			.last-updated-on {
 				font-style: italic;
 			}
-			@media (max-width: 720px) {
+			@media (max-width: 700px) {
 				main {
 					width: 100%;
 
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 52a2ca9..11fe3ff 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -87,7 +87,7 @@ const posts = (await getCollection('blog')).sort(
 				margin: 0;
 				color: rgb(var(--gray));
 			}
-			@media (max-width: 720px) {
+			@media (max-width: 700px) {
 				ul {
 					gap: 0.5em;
 				}
@@ -108,8 +108,8 @@ const posts = (await getCollection('blog')).sort(
 							<li class="card">
 									{/* {
 									 post.data.heroImage
-									 	?	<img width={720} height={360} src={post.data.heroImage} alt="" />
-									 	:	<img width={720} height={360} src="/blog-placeholder-4.jpg" alt="" />
+									 	?	<img width={700} height={360} src={post.data.heroImage} alt="" />
+									 	:	<img width={700} height={360} src="/blog-placeholder-4.jpg" alt="" />
 									} */}
 									<small class="date">
 										<FormattedDate date={post.data.pubDate} />
diff --git a/src/styles/blog.css b/src/styles/blog.css
index 8221d9d..470b965 100644
--- a/src/styles/blog.css
+++ b/src/styles/blog.css
@@ -149,7 +149,7 @@ hr {
 	border-top: 1px solid rgb(var(--gray-light));
 }
 
-@media (max-width: 720px) {
+@media (max-width: 700px) {
 	body {
 		font-size: 18px;
 	}