sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

📱 fix responsive design

Browse source 
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2023-12-13 14:11:22 +01:00
parent c2d9378f9e
commit 63e099ff08
Signed by untrusted user who does not match committer: sidski
GPG key ID: D2BBDF3EDE6BA9A6
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -21,7 +21,7 @@ const postsByYear = posts.reduce((acc:any, post) => {
const sortedYears = Object.keys(postsByYear).sort((a:any, b:any) => b - a); const sortedYears = Object.keys(postsByYear).sort((a:any, b:any) => b - a);
--- ---
<SectionContainer> <SectionContainer>
<main class="flex flex-col h-screen gap-4 mt-4"> <main class="flex flex-col gap-4 mt-4">
<h1 class="text-3xl font-extrabold">Blog posts</h1> <h1 class="text-3xl font-extrabold">Blog posts</h1>
<a href="/rss.xml">💥 Subscribe via RSS</a> <a href="/rss.xml">💥 Subscribe via RSS</a>
{sortedYears.map(year => ( {sortedYears.map(year => (
@ -31,7 +31,7 @@ const sortedYears = Object.keys(postsByYear).sort((a:any, b:any) => b - a);
{ {
postsByYear[year].map((post:any) => ( postsByYear[year].map((post:any) => (
<div class="flex justify-between mb-2 break-words"> <div class="flex justify-between mb-2 break-words">
<a class="font-semibold" href={`/blog/${post.slug}/`}>✨ {post.data.title}</a> <a class="font-semibold w-1/2" href={`/blog/${post.slug}/`}>✨ {post.data.title}</a>
<FormattedDate date={post.data.pubDate} /> <FormattedDate date={post.data.pubDate} />
</div> </div>
)) ))