From 79d31b8e560a6b9145411c58719ad7297473335d Mon Sep 17 00:00:00 2001
From: Daniel Klein <daniel@develit.io>
Date: Wed, 18 Sep 2024 21:20:39 +0200
Subject: [PATCH] update(card title): change card title link to detail instead
 of website fix(mobile-filter): scroll only in filters not whole page

---
 components/Card.vue                | 7 +------
 components/Project/ProjectGrid.vue | 1 -
 layouts/default.vue                | 2 ++
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/components/Card.vue b/components/Card.vue
index a3f5f83..2d0ed41 100644
--- a/components/Card.vue
+++ b/components/Card.vue
@@ -62,8 +62,6 @@ const projectItems: { label: string | string[], type: string, rating?: ProjectRa
             flex
             items-center
             gap-8px
-
-            @click.prevent="navigateTo(project.website, { external: true, open: { target: '_blank' } })"
           >
             <h1
               flex
@@ -74,12 +72,9 @@ const projectItems: { label: string | string[], type: string, rating?: ProjectRa
               hover:underline
               underline-offset-3
               leading="20px lg:32px"
-              class="group relative inline-block"
+              class="relative inline-block"
             >
               {{ project.title1 }}
-              <div
-                class=" i-bx-link-external ml-4px text-14px opacity-0 group-hover:opacity-100 transition-opacity"
-              />
             </h1>
           </div>
           <p
diff --git a/components/Project/ProjectGrid.vue b/components/Project/ProjectGrid.vue
index 60766e7..aeaf143 100644
--- a/components/Project/ProjectGrid.vue
+++ b/components/Project/ProjectGrid.vue
@@ -50,7 +50,6 @@ const cardTitles = ref< { label: string, sortKey: string, togglable?: boolean }[
         gap-x-12px
         w-full
         mb="8px lg:16px"
-        mt-22px
       >
         <h2
           text="app-white 16px lg:24px"
diff --git a/layouts/default.vue b/layouts/default.vue
index ee29463..746bf91 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -81,6 +81,8 @@ watch([scrollY, top, y], (newValues, oldValues) => {
               flex
               items-center
               gap-16px
+              overflow-x-auto
+              pb="24px md:0"
             >
               <CategorySelectBox
                 v-model="selectedCategoryId"