fixing code

FarhannDev · Oct 26, 2023 · 05eb8f8 · 05eb8f8
1 parent 64c90b1
commit 05eb8f8
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 16 deletions.
diff --git a/components/hero/ParallaxBackgroundHeroSwipe.vue b/components/hero/ParallaxBackgroundHeroSwipe.vue
@@ -82,7 +82,7 @@ const backgroundStyle = (background: string | undefined): IbackgroundType => {
 .hero-image-parallax {
   position: relative;
   width: 100%;
-  height: 700px;
+  height: 100vh;
   overflow: hidden;
   scroll-behavior: smooth;
   /* margin-left: 0; */
@@ -127,6 +127,8 @@ const backgroundStyle = (background: string | undefined): IbackgroundType => {
   padding-top: 3%;
 }
 
+
+
 @media (max-width: 992px) {
 
   .hero-heading__title {

diff --git a/pages/about-us.vue b/pages/about-us.vue
@@ -8,9 +8,9 @@ useSeoMeta({
 
 const colorMode = useColorMode();
 
-const { data: teams } = await useLazyFetch('/api/teams')
+const { data: teams } = await useFetch('/api/teams')
 
-const { data: clients } = await useLazyFetch('/api/client')
+const { data: clients } = await useFetch('/api/client')
 
 </script>
 
@@ -95,6 +95,9 @@ const { data: clients } = await useLazyFetch('/api/client')
           </div>
         </div>
       </div>
+
+      <div class=rectangle-top></div>
+      <div class="rectangle-bottom"></div>
     </section>
     <!-- section visi misi  end -->
     <!-- section Tim Citiasia INC start -->
@@ -268,6 +271,7 @@ const { data: clients } = await useLazyFetch('/api/client')
   background: var(--primary-800, #a60b40);
   height: auto;
   overflow-x: hidden;
+  position: relative;
 }
 
 .visimisi-section-container .container {
@@ -845,4 +849,28 @@ const { data: clients } = await useLazyFetch('/api/client')
     width: 10% !important;
   }
 }
+
+
+.rectangle-bottom {
+  position: absolute;
+  bottom: 0;
+  width: 50px;
+  height: 120px;
+  /* border-radius: 14px; */
+  border-radius: 0 14px 14px 0;
+  background: var(--primary-400, #FF6A89);
+
+}
+
+.rectangle-top {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 50px;
+  height: 120px;
+  /* border-radius: 14px; */
+  border-radius: 14px 0px 0px 14px;
+  background: var(--primary-400, #FF6A89);
+
+}
 </style>
diff --git a/pages/gallery-smartnation.vue b/pages/gallery-smartnation.vue
@@ -26,7 +26,6 @@ const { data: categories } = await useAsyncData('category-posts', () => $fetch('
   }
 })
 
-const albumsTitleName: (title: string) => string = (title: string) => `Album ${title}`
 
 </script>
 
@@ -35,23 +34,18 @@ const albumsTitleName: (title: string) => string = (title: string) => `Album ${t
     background="/images/background/bg-galeri.png" />
   <main id="content">
 
-    <section class="albums-section-container">
+    <section class="albums-section-container py-5">
       <div class="container px-3 px-md-0 px-lg-0">
-
-
-        <div v-for="category in categories" :key="category.id" class="row justify-content-start g-2 py-4"
-          data-aos="fade-up" data-aos-duration="1500">
-          <div class="col">
-            <div class="d-flex flex-column">
-              <LazyHeadingTitle :title="albumsTitleName(category.name)" />
-              <Albums :categoryId="category.id" />
-
-            </div>
+        <div class="row justify-content-start g-3">
+          <div v-for="category in categories" :key="category.id" class="col-xl-4 col-lg-4 col-md-6" data-aos="fade-up"
+            data-aos-duration="1500">
+            <GalleryCardAlbum :title="category.name" :created="'20 December 2023'"
+              :albumImage="'https://s3-alpha-sig.figma.com/img/c88c/15c6/fa61bbeedb8345028255ed3d6c89a9d3?Expires=1699228800&Signature=ZZXbU3ofbW5EIx~mVIDrk-cPom43zL1S2TAVgZAgEARyZ~fDgZGLiZa7aHC-sN9dUL4y4~KRJ~J3H6J7Qi106gy1JvHgIolNOuJbJ-CdEsdJSz6QjRR~j68FF830yhM5UL25sRNFXZ~4ciWZ63KGHpB850AMViJ28yRHM2jrOzsGN-ErJjAMhzqG3W6Zhl86zJNx7b4i0sLRpIZvMJLNTMQzJH1QXjv~YcC89v8tBqkAlpC779brSkFXaD-4Re5TCv2KqRr4gTMD17cfp4tpi8ei1znktV-18~kCT8lLW4khIQpf9MR6QW-1-sYHFB-oqYITMLzmMB5-yfCKi9QSGA__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4'"
+              :total="10" :class="'mb-3'" />
           </div>
         </div>
       </div>
     </section>
-
     <hr v-show="colorMode.preference === 'dark'" />
   </main>
 </template>