ayo/cozy
ayo/cozy
1
Fork 0
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

feat(blog): new meta post; update width snap

Browse source
This commit is contained in:
Ayo Ayco 2024-08-17 21:44:41 +02:00
parent 744067d211
commit cf065e3901
5 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/blog/Header.astro
View file

@ -106,7 +106,7 @@ import { SITE_AUTHOR_MASTODON, SITE_DESCRIPTION, SITE_PROJECT_REPO, SITE_TITLE }
display: flex; display: flex;
} }
@media (max-width: 720px) { @media (max-width: 700px) {
nav { nav {
display: block; display: block;
padding: 1em 0; padding: 1em 0;

0
src/content/drafts/02-meta-1.md → src/content/blog/02-meta-1.md
View file

2
src/layouts/BlogPost.astro
View file

@ -113,7 +113,7 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
.last-updated-on { .last-updated-on {
font-style: italic; font-style: italic;
} }
@media (max-width: 720px) { @media (max-width: 700px) {
main { main {
width: 100%; width: 100%;

6
src/pages/blog/index.astro
View file

@ -87,7 +87,7 @@ const posts = (await getCollection('blog')).sort(
margin: 0; margin: 0;
color: rgb(var(--gray)); color: rgb(var(--gray));
} }
@media (max-width: 720px) { @media (max-width: 700px) {
ul { ul {
gap: 0.5em; gap: 0.5em;
} }
@ -108,8 +108,8 @@ const posts = (await getCollection('blog')).sort(
<li class="card"> <li class="card">
{/* { {/* {
post.data.heroImage post.data.heroImage
? <img width={720} height={360} src={post.data.heroImage} alt="" /> ? <img width={700} height={360} src={post.data.heroImage} alt="" />
: <img width={720} height={360} src="/blog-placeholder-4.jpg" alt="" /> : <img width={700} height={360} src="/blog-placeholder-4.jpg" alt="" />
} */} } */}
<small class="date"> <small class="date">
<FormattedDate date={post.data.pubDate} /> <FormattedDate date={post.data.pubDate} />

2
src/styles/blog.css
View file

@ -149,7 +149,7 @@ hr {
border-top: 1px solid rgb(var(--gray-light)); border-top: 1px solid rgb(var(--gray-light));
} }
@media (max-width: 720px) { @media (max-width: 700px) {
body { body {
font-size: 18px; font-size: 18px;
} }