Memperbaiki layout pada tombol button next / back, dan google translate

FarhannDev · Nov 8, 2023 · 3f50a39 · 3f50a39
1 parent 4a24899
commit 3f50a39
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 37 deletions.
diff --git a/components/navbar/NavbarFixed.vue b/components/navbar/NavbarFixed.vue
@@ -131,7 +131,6 @@ const toggleMenu = (() => {
               />
             </svg>
           </button>
-          <TranslateGoogleTranslateButtonFixed />
           <button
             class="navbar-toggler border-0 d-xl-none d-xxl-none button-hamburger"
             type="button"
@@ -388,9 +387,7 @@ const toggleMenu = (() => {
           </div>
         </div>
       </div>
-      <div class="d-block">
         <TranslateGoogleTranslateButtonFixed />
-      </div>
     </div>
   </nav>
 </template>

diff --git a/pages/about-us.vue b/pages/about-us.vue
@@ -1,5 +1,4 @@
-<script setup lang="ts">
-import Swal from 'sweetalert2';
+<script setup>
 // Set Meta SEO
 useSeoMeta({
   title: "Tentang Kami",
@@ -9,34 +8,6 @@ useSeoMeta({
 
 const colorMode = useColorMode();
 
-const { data: teams } = await useFetch('/api/teams')
-const { data: clients } = await useFetch('/api/client')
-
-
-const showTooltip = (name: string, message: string, images: string) => {
-  // alert(message)
-  return Swal.fire({
-    title: name,
-    text: message,
-    imageUrl: images,
-    // imageWidth: 300,
-    imageHeight: 300,
-    width: 1000,
-    color: "#5d5d5d",
-    background: "#fff url(/images/trees.png)",
-    backdrop: `
-    rgba(0,0,123,0.4)
-    url("/images/nyan-cat.gif")
-    left top
-    no-repeat
-  `,
-    showCloseButton: true,
-    showCancelButton: false,
-    showConfirmButton: false,
-    focusConfirm: true,
-  });
-}
-
 const { data: teams } = await useFetch("/api/teams");
 
 const { data: clients } = await useFetch("/api/client");
@@ -141,11 +112,19 @@ const { data: clients } = await useFetch("/api/client");
     <section class="teams-citiasia-section-container py-5">
       <div class="container" data-aos="fade-down" data-aos-duration="1500">
         <h1 class="teams-citiasia__title">Tim Citiasia Inc</h1>
-        <div class="row row-cols-2 row-cols-lg-5 row-cols-md-3 justify-content-start g-3 pt-5">
+        <div
+          class="row row-cols-2 row-cols-lg-5 row-cols-md-3 justify-content-start g-3 pt-5"
+        >
           <div v-for="team in teams" :key="team.id" class="col">
             <figure class="figure">
-              <NuxtImg :src="team.thumbnail" class="figure-img img-fluid rounded teams-citiasia__images" :alt="team.name"
-                loading="lazy" :quality="75" format="webp" />
+              <NuxtImg
+                :src="team.thumbnail"
+                class="figure-img img-fluid rounded teams-citiasia__images"
+                :alt="team.name"
+                loading="lazy"
+                :quality="75"
+                format="webp"
+              />
               <figcaption class="figure-caption">
                 <h3 class="teams-citiasia__name">{{ team.name }}</h3>
                 <p class="teams-citiasia__job">{{ team.jobs }}</p>
@@ -263,7 +242,7 @@ const { data: clients } = await useFetch("/api/client");
       </div>
     </section>
     <!-- section portofolio end -->
-    <hr v-if="colorMode.preference === 'dark'" class="text-secondary" />
+    <hr v-show="colorMode.preference === 'dark'" />
   </main>
 </template>