fixed:微服务全景图弹框位置优化

Tinie13 · Apr 18, 2024 · ef37eb6 · ef37eb6
1 parent 1f94cf4
commit ef37eb6
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/home/OverViewImage/components/common/Product.jsx b/src/components/home/OverViewImage/components/common/Product.jsx
@@ -117,8 +117,8 @@ export const Product = ({
           className="absolute z-10 shadow-md -mt-20 ml-2"
           style={{
             visibility: isHovering ? "visible" : "hidden",
-            bottom: direction === 'top' ? '113px' : '',
-            top: direction === 'top' ? '' : '113px',
+            bottom: direction === 'top' ? '95px' : '',
+            top: direction === 'top' ? '' : '165px',
             // ...popupPosition,
           }}
           onMouseLeave={() => setHovering(false)}

diff --git a/src/components/home/OverViewImage/index.astro b/src/components/home/OverViewImage/index.astro
@@ -3,7 +3,7 @@ import { OverviewImage } from "./index";
 import { useTranslations } from "@i18n/util";
 const t = useTranslations(Astro);
 ---
-    <div class="top-title w-full flex flex-col items-center mb-20 mt-16">
+    <div class="top-title w-full flex flex-col items-center mb-[31px] mt-16">
         <span class="text-gray-10 text-xs mb-6">{t("home.overviewcard.about")}</span>
         <span class="title text-gray-14 text-4xl font-medium">{t("home.overviewcard.title")}</span>
       </div>

diff --git a/src/components/home/OverViewImage/index.jsx b/src/components/home/OverViewImage/index.jsx
@@ -41,7 +41,7 @@ function App({ colors = defaultColorConfig,linkStyle="text-sm",className = '',..
       }}
     >
       <div
-        class={` flex flex-col justify-around p-2 overflow-hidden ` + className}
+        class={` flex flex-col justify-around px-2 pt-14 pb-2 overflow-hidden ` + className}
         id="overview-image-root"
         style={{
           background: colors.background,

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -23,7 +23,7 @@ const t = useTranslations(Astro);
     <NacosEBook />
     <ExploreFeatures />
     <UseCompanies />
-    <!-- <OverviewImage /> -->
+    <OverviewImage />
     <Contributors />
   </home-body>