fix(rec-header): embed bilibili original className .area-header to fix …

…#132
magicdawn · Nov 4, 2024 · b332530 · b332530
1 parent 487e979
commit b332530
Showing 1 changed file with 15 additions and 10 deletions.
diff --git 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'