From 5e45962b40d58e97a49bab3d30e9db18e8959622 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Sat, 24 Feb 2024 01:35:43 +0100
Subject: [PATCH] Fix details

---
 src/components/Background.vue        | 2 +-
 src/components/main/MainActivity.vue | 4 ++--
 src/components/main/MainStats.vue    | 2 +-
 src/layouts/default.vue              | 3 +--
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/Background.vue b/src/components/Background.vue
index 50bd332..c1b6604 100644
--- a/src/components/Background.vue
+++ b/src/components/Background.vue
@@ -21,7 +21,7 @@ onMounted(() => {
 
 <template>
   <div class="flex w-full max-w-7xl">
-    <div class="bg fixed inset-0 z-30 transform-gpu blur-3xl overflow-hidden" aria-hidden="true">
+    <div class="bg fixed inset-0 z-20 transform-gpu blur-3xl overflow-hidden" aria-hidden="true">
       <div
         class="aspect-[1.7] h-full w-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/10 lg:opacity-30 xs:opacity-50"
         :style="{ 'clip-path': `polygon(${poly})` }"
diff --git a/src/components/main/MainActivity.vue b/src/components/main/MainActivity.vue
index 85f4a28..1cefa24 100644
--- a/src/components/main/MainActivity.vue
+++ b/src/components/main/MainActivity.vue
@@ -59,11 +59,11 @@ useIntervalFn(async () => await refresh(), 5000)
       </div>
     </div>
     <template #footer>
-      <div class="flex items-center justify-between">
+      <div class="flex items-center justify-end w-full">
         <p v-if="codingActivity" class="text-subtitle text-xs w-1/2">
           Started the {{ formatDate(codingActivity.timestamps.start) }}
         </p>
-        <div class="flex items-center justify-end space-x-1">
+        <div class="flex items-center space-x-1 w-1/2 justify-end">
           <p class="text-subtitle text-xs">
             powered by
           </p>
diff --git a/src/components/main/MainStats.vue b/src/components/main/MainStats.vue
index 0a24fad..e0279dc 100644
--- a/src/components/main/MainStats.vue
+++ b/src/components/main/MainStats.vue
@@ -23,7 +23,7 @@ const CardUi = {
               <h3>Total hours:</h3>
               <p>{{ usePrecision(stats.coding.data.grand_total.total_seconds_including_other_language / 3600, 0) }} hours</p>
             </div>
-            <div class="flex items-start gap-1">
+            <div class="flex items-start gap-1 flex-wrap">
               <h3>Best Editors:</h3>
               <p>
                 {{ stats.editors.data.slice(0, 2).map(editor => `${editor.name} (${editor.percent}%)`).join(', ') }}
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 1cdc2a6..59c4dfe 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -4,7 +4,6 @@ import { SpeedInsights } from '@vercel/speed-insights/nuxt'
 import { configureGraphs } from '@ksassnowski/vueclid'
 
 const appConfig = useAppConfig()
-const getColor = computed(() => appConfig.ui.primary)
 
 const router = useRouter()
 router.afterEach((route) => {
@@ -20,7 +19,7 @@ onMounted(() => configureGraphs({ darkMode: colorMode.value === 'dark' }))
   <div>
     <SpeedInsights />
     <Background />
-    <NuxtLoadingIndicator :color="getColor" />
+    <NuxtLoadingIndicator :color="appConfig.ui.primary" />
     <section class="fixed inset-0 flex justify-center sm:px-8">
       <div class="flex w-full max-w-7xl">
         <div class="w-full z-20 bg-white ring-1 ring-zinc-100 dark:bg-zinc-900 dark:ring-zinc-300/20" />