fix: hydration mismatch

This commit is contained in:
barbapapazes
2024-06-23 09:29:06 +02:00
parent 5305d07805
commit 7330cb4e99
2 changed files with 8 additions and 8 deletions

View File

@@ -38,15 +38,15 @@ function formatDate(date: number) {
I'm Idling on my computer with <strong>{{ codingActivity.name }}</strong> running in background. I'm Idling on my computer with <strong>{{ codingActivity.name }}</strong> running in background.
</span> </span>
</p> </p>
<p <div
v-else v-else
class="flex md:items-start gap-2" class="my-5 flex md:items-start gap-2"
> >
<UTooltip text="I'm offline 🫥"> <UTooltip text="I'm offline 🫥">
<div class="cursor-not-allowed h-3 w-3 inline-flex rounded-full bg-red-500 mt-2" /> <span class="cursor-not-allowed h-3 w-3 inline-flex rounded-full bg-red-500 mt-2" />
</UTooltip> </UTooltip>
<span> <p class="not-prose">
I'm currently offline. Come back later to see what I'm working on. I'm currently offline. Come back later to see what I'm working on.
</span> </p>
</p> </div>
</template> </template>

View File

@@ -8,7 +8,7 @@ defineProps({
</script> </script>
<template> <template>
<div class="inline"> <span class="inline">
<UIcon <UIcon
class="mb-1 mr-1" class="mb-1 mr-1"
:name="icon" :name="icon"
@@ -17,5 +17,5 @@ defineProps({
<span class="sofia font-medium underline decoration-neutral-300 dark:decoration-neutral-700"> <span class="sofia font-medium underline decoration-neutral-300 dark:decoration-neutral-700">
<slot /> <slot />
</span> </span>
</div> </span>
</template> </template>