From 1d9d84484d3e10edc14097f288267b65559974c1 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Sun, 31 Jul 2022 22:22:08 +0200
Subject: [PATCH] fix scroll button

---
 src/components/SelectedProjects.vue      | 7 +++++--
 src/components/sections/AboutSection.vue | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/SelectedProjects.vue b/src/components/SelectedProjects.vue
index 5fd84cb..1c2d0fe 100644
--- a/src/components/SelectedProjects.vue
+++ b/src/components/SelectedProjects.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="max-w-screen-xl mx-auto px-6 xl:px-2 py-10">
+  <section
+    id="projects"
+    class="max-w-screen-xl mx-auto px-6 xl:px-2 py-10"
+  >
     <slot />
     <div class="grid items-start grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-5">
       <div
@@ -49,7 +52,7 @@
         </div>
       </div>
     </div>
-  </div>
+  </section>
 </template>
 
 <script setup>
diff --git a/src/components/sections/AboutSection.vue b/src/components/sections/AboutSection.vue
index 91747ee..9ce9b9c 100644
--- a/src/components/sections/AboutSection.vue
+++ b/src/components/sections/AboutSection.vue
@@ -21,7 +21,7 @@
               has-icon
               icon="portrait"
               is-reverse
-              @click="scrollTo('.selected-projects')"
+              @click="scrollTo('#projects')"
             >
               Wybrane projekty
             </BaseButton>