ebby/Bluewaterblog
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

moved author and date to the top

Browse source
This commit is contained in:
ebby 2026-07-28 10:50:11 +02:00
parent ff97bc7302
commit 1ddbd466a3
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
blog/src/components/PostPreviewLarge.astro
View file

@ -18,13 +18,13 @@ const img = findImageByPath(post.image.path);
<img src={img.src} alt={post.image.alt} /> <img src={img.src} alt={post.image.alt} />
</div> </div>
<div class="text-col col"> <div class="text-col col">
<h2 class="headline">{post.title}</h2> <div class="top-info">
<h7 class="subtitle">{post.subtitle}</h7>
<p class="description">{post.description}</p>
<div class="bottom-info">
<span>Autor: {post.author}</span> <span>Autor: {post.author}</span>
<span>{post.date}</span> <span>{post.date}</span>
</div> </div>
<h2 class="headline">{post.title}</h2>
<h7 class="subtitle">{post.subtitle}</h7>
<p class="description">{post.description}</p>
</div> </div>
</div> </div>
</a> </a>
@ -67,8 +67,9 @@ const img = findImageByPath(post.image.path);
object-position: center; object-position: center;
} }
.bottom-info { .top-info {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 16px;
} }
</style> </style>