Fix: article CSS works better in responsive mode

This commit is contained in:
2024-02-09 10:16:00 +01:00
parent e5ae8db6fa
commit 5abcd593da
2 changed files with 11 additions and 5 deletions

View File

@ -13,17 +13,20 @@
<h2>Articles publiés</h2> <h2>Articles publiés</h2>
<ul> <ul class="">
{#each data.articles as post} {#each data.articles as post}
<li <li
class="list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100" class="ml-0 list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
> >
<h2> <h2>
<a href={post.path}> <a href={post.path}>
{post.meta.title} {post.meta.title}
</a> </a>
</h2> </h2>
<p class="pt-2">Publié le : {post.meta.date} par {post.meta.author}</p> <p class="pt-2">
<b>Publié le :</b>
{post.meta.date} par <i>{post.meta.author}</i>
</p>
</li> </li>
{/each} {/each}
</ul> </ul>

View File

@ -15,14 +15,17 @@
<ul> <ul>
{#each data.guides as post} {#each data.guides as post}
<li <li
class="list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100" class="ml-0 list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
> >
<h2> <h2>
<a href={post.path}> <a href={post.path}>
{post.meta.title} {post.meta.title}
</a> </a>
</h2> </h2>
<p class="pt-2">Publié le : {post.meta.date} par {post.meta.author}</p> <p class="pt-2">
<b>Publié le :</b>
{post.meta.date} par <i>{post.meta.author}</i>
</p>
</li> </li>
{/each} {/each}
</ul> </ul>