From 8931967a13a0383faee5d57fa43ef46bb1ec239a Mon Sep 17 00:00:00 2001
From: ModestFun <61576426+ModestFun@users.noreply.github.com>
Date: Thu, 26 Oct 2023 17:22:28 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20fix:=20Group=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E6=A0=B7=E5=BC=8F=20(#26)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: jiangchu <jiangchu.wzy@antgroup.com>
---
 src/BloodGroupNode/index.tsx |  2 +-
 src/BloodGroupNode/styles.ts | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/BloodGroupNode/index.tsx b/src/BloodGroupNode/index.tsx
index e6acb70..0216b89 100644
--- a/src/BloodGroupNode/index.tsx
+++ b/src/BloodGroupNode/index.tsx
@@ -73,7 +73,7 @@ const BloodNodeGroup: React.FC<BloodNodeGroupProps> = ({
           _node.des = data.describe;
           return GroupItem(_node);
         })}
-        <div className={styles.btnWrap}></div>
+        <div className={`${styles.btnWrap} buttonWrap`}></div>
         <div className={styles.btn}>
           查看更多
           <img
diff --git a/src/BloodGroupNode/styles.ts b/src/BloodGroupNode/styles.ts
index c18e4c2..d78e204 100644
--- a/src/BloodGroupNode/styles.ts
+++ b/src/BloodGroupNode/styles.ts
@@ -56,7 +56,7 @@ export const useStyles = createStyles(({ css }) => ({
     box-sizing: border-box;
     padding: 16px 12px;
     background: #fff;
-    margin-bottom: 24px;
+    margin-bottom: 26px;
     border-radius: 8px;
     border: 1px solid rgba(255, 255, 255, 0.04);
     box-shadow: 0 4px 6px -2px rgba(25, 15, 15, 0.05), 0 0 1px 0 rgba(0, 0, 0, 0.08);
@@ -107,6 +107,13 @@ export const useStyles = createStyles(({ css }) => ({
     box-shadow: 0 0 0 3px #1677ff, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;
 
     .buttonWrap {
+      width: 100%;
+      height: 70px;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      z-index: 11;
+      opacity: 0.7;
       background-color: #ecf3fe;
     }
   `,
@@ -115,6 +122,13 @@ export const useStyles = createStyles(({ css }) => ({
     background-color: #ecf3fe;
 
     .buttonWrap {
+      width: 100%;
+      height: 70px;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      z-index: 11;
+      opacity: 0.7;
       background-color: #ecf3fe;
     }
   `,