Просмотр исходного кода

💄 style(dashboard): adjust header layout and positioning

- add z-10 to header container to ensure proper layer ordering
- fix title area vertical position by adjusting top value from -502px to -8px for better alignment
yourname 2 месяцев назад
Родитель
Сommit
883333ba09
1 измененных файлов с 2 добавлено и 2 удалено
  1. 2 2
      src/client/home/pages/FinancialDashboard/FinancialDashboard.tsx

+ 2 - 2
src/client/home/pages/FinancialDashboard/FinancialDashboard.tsx

@@ -26,7 +26,7 @@ export default function FinancialDashboard() {
       </div>
 
       {/* 头部区域 */}
-      <div className="absolute h-[74px] left-0 top-px w-[1920px]" data-name="头部">
+      <div className="absolute h-[74px] left-0 top-px w-[1920px] z-10" data-name="头部">
         {/* 右侧装饰 */}
         <div className="absolute contents left-[1269px] top-[-3.98px]">
           <div className="absolute flex h-[65px] items-center justify-center left-[calc(50%+638px)] top-[calc(50%+-5.48px)] translate-x-[-50%] translate-y-[-50%] w-[658px]">
@@ -106,7 +106,7 @@ export default function FinancialDashboard() {
         </div>
 
         {/* 标题区域 */}
-        <div className="absolute h-[74px] left-[calc(50%+4px)] top-[calc(50%+-502px)] translate-x-[-50%] translate-y-[-50%] w-[690px]" data-name="标题">
+        <div className="absolute h-[74px] left-[calc(50%+4px)] top-[calc(50%+-8px)] translate-x-[-50%] translate-y-[-50%] w-[690px]" data-name="标题">
           <div className="absolute bottom-[-12.16%] left-[9.13%] right-[9.13%] top-full" data-name="发光边_下模糊掉的">
             <div className="absolute inset-[-22.22%_-0.35%]">
               <img alt="" className="block max-w-none size-full" src="/financial-dashboard/header-glow-border.svg" />