Add flex wrap

This commit is contained in:
2024-06-30 17:58:22 +02:00
parent 37b1e7ca40
commit bbb6159506
2 changed files with 3 additions and 3 deletions

View File

@@ -58,7 +58,7 @@ async function handleLike() {
{{ getDetails() }}
</p>
<div>
<div class="flex items-end gap-2">
<div class="flex items-end gap-2 flex-wrap">
<h1
class="font-bold text-3xl text-black dark:text-white"
>
@@ -101,7 +101,7 @@ async function handleLike() {
Thanks for reading this post! If you liked it, please consider sharing it with your friends. <strong>Don't
forget to leave a like!</strong>
</p>
<div class="flex gap-4 items-center">
<div class="flex gap-4 items-center flex-wrap">
<UButton
:label="postDB?.likes > 1 ? `${postDB?.likes} likes` : `${postDB?.likes} like`"
color="red"

View File

@@ -43,7 +43,7 @@ function getDetails(slug: string) {
<div class="border-l-2 pl-2 border-gray-300 dark:border-gray-700 rounded-sm">
<p>{{ getDetails(writing.slug) }}</p>
</div>
<div class="flex items-center gap-2">
<div class="flex items-center gap-2 flex-wrap">
<h1
class="font-bold text-lg duration-300 text-neutral-600 group-hover:text-black dark:text-neutral-400 dark:group-hover:text-white"
>