From 90d25ea5286bf9a6457154a7382b721ac14e6ebe Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Mon, 11 Jul 2022 14:18:07 +0200
Subject: [PATCH] Improve projects

---
 src/components/Project.vue        | 3 +--
 src/components/ProjectSection.vue | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Project.vue b/src/components/Project.vue
index 68966d7..7cc63a1 100644
--- a/src/components/Project.vue
+++ b/src/components/Project.vue
@@ -22,8 +22,7 @@ const { t } = useI18n()
     :href="url"
     target="_blank"
   >
-    <div class="w-full h-full p-2 border-2 rounded-lg border-white hover:border-gray-300 duration-500 cursor-pointer">
-
+    <div class="w-full h-full p-2 border-2 rounded-lg border-white dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-500 duration-500 cursor-pointer">
       <h1 class="font-bold">
         {{ title }}
       </h1>
diff --git a/src/components/ProjectSection.vue b/src/components/ProjectSection.vue
index 33ddaca..6032208 100644
--- a/src/components/ProjectSection.vue
+++ b/src/components/ProjectSection.vue
@@ -7,7 +7,7 @@ const { t } = useI18n()
 <template>
   <SectionTitle title="projects.title" />
   <SectionPart>
-    <div class="grid gris-cols-1 sm:grid-cols-2 gap-x-8 gap-y-4 mb-4">
+    <div class="grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-4 mb-4 h-full auto-rows-fr">
       <Project
         title="Ares"
         description="projects.ares"
@@ -33,7 +33,7 @@ const { t } = useI18n()
       <a
         href="https://arthurdanjou.fr/projects"
         target="_blank"
-        class="leading-5 font-bold border-b-2 hover:(border-gray-700 dark:border-white) border-gray-300 dark:border-gray-700 dark:border-gray-800 duration-300 cursor-pointer"
+        class="leading-5 font-bold border-b-2 hover:(border-gray-700 dark:border-white) border-gray-300 dark:border-gray-600 dark:border-gray-800 duration-300 cursor-pointer"
       >
         {{ t('projects.more') }}
       </a>