Fix mobile view

This commit is contained in:
2024-06-21 02:16:27 +02:00
parent 055610dbea
commit 3cff641d5f
2 changed files with 4 additions and 4 deletions

View File

@@ -28,7 +28,7 @@ const socials = [
/> />
</div> </div>
<div class="space-y-4"> <div class="space-y-4">
<div class="flex gap-2 items-center"> <div class="flex flex-col md:flex-row gap-2 md:items-center">
<h3>Find me on:</h3> <h3>Find me on:</h3>
<div class="flex gap-4"> <div class="flex gap-4">
<HomeLink <HomeLink
@@ -40,7 +40,7 @@ const socials = [
/> />
</div> </div>
</div> </div>
<div class="flex gap-2"> <div class="flex flex-col md:flex-row gap-2 md:items-center">
<h4>Or send me an email:</h4> <h4>Or send me an email:</h4>
<HomeLink <HomeLink
label="arthurdanjou@outlook.fr" label="arthurdanjou@outlook.fr"

View File

@@ -34,10 +34,10 @@ useIntervalFn(async () => await refresh(), 5000)
</div> </div>
<div <div
v-else v-else
class="flex items-center gap-2" class="flex md:items-start gap-2"
> >
<UTooltip text="I'm offline 🫥"> <UTooltip text="I'm offline 🫥">
<div class="h-3 w-3 inline-flex rounded-full bg-red-500" /> <div class="cursor-not-allowed h-3 w-3 inline-flex rounded-full bg-red-500 mt-7" />
</UTooltip> </UTooltip>
<p> <p>
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.