From b3325301ab7657fdfd850604225d9cd7d7fc5ba4 Mon Sep 17 00:00:00 2001
From: magicdawn <magicdawn@qq.com>
Date: Mon, 4 Nov 2024 23:05:58 +0800
Subject: [PATCH] fix(rec-header): embed bilibili original className
 .area-header to fix #132

---
 src/components/RecHeader/index.tsx | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/RecHeader/index.tsx b/src/components/RecHeader/index.tsx
index 0653eae..dc7858f 100644
--- a/src/components/RecHeader/index.tsx
+++ b/src/components/RecHeader/index.tsx
@@ -132,16 +132,21 @@ export const RecHeader = forwardRef<
           }
         >
           <div
-            className='area-header'
-            css={[
-              css`
-                margin-bottom: 0;
-                height: auto;
-                column-gap: 20px; // gap between left & right
-                padding-inline: 0;
-                padding-block: 8px;
-              `,
-            ]}
+            data-raw-class='area-header'
+            css={css`
+              position: relative;
+              display: flex;
+              flex-direction: row;
+              justify-content: space-between;
+              align-items: center;
+              z-index: 1;
+
+              margin-bottom: 0;
+              height: auto;
+              column-gap: 20px; // gap between left & right
+              padding-inline: 0;
+              padding-block: 8px;
+            `}
           >
             <div
               data-class-name='left'