From 3cff641d5fc7dfef2554b94b07317db27c72b963 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Fri, 21 Jun 2024 02:16:27 +0200
Subject: [PATCH] Fix mobile view

---
 app/components/AppFooter.vue        | 4 ++--
 app/components/content/Activity.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index 48fc057..e730fe7 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -28,7 +28,7 @@ const socials = [
       />
     </div>
     <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>
         <div class="flex gap-4">
           <HomeLink
@@ -40,7 +40,7 @@ const socials = [
           />
         </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>
         <HomeLink
           label="arthurdanjou@outlook.fr"
diff --git a/app/components/content/Activity.vue b/app/components/content/Activity.vue
index ad32341..71410de 100644
--- a/app/components/content/Activity.vue
+++ b/app/components/content/Activity.vue
@@ -34,10 +34,10 @@ useIntervalFn(async () => await refresh(), 5000)
   </div>
   <div
     v-else
-    class="flex items-center gap-2"
+    class="flex md:items-start gap-2"
   >
     <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>
     <p>
       I'm currently offline. Come back later to see what I'm working on.