From 695164fd5198331d12400383c78c9831a171d9d8 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Wed, 12 Jul 2023 23:31:29 +0800
Subject: [PATCH] theme-heo-hero-layout

---
 themes/heo/components/Hero.js | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/themes/heo/components/Hero.js b/themes/heo/components/Hero.js
index 9c8b4dcf..cdc96506 100644
--- a/themes/heo/components/Hero.js
+++ b/themes/heo/components/Hero.js
@@ -7,18 +7,31 @@
 const Hero = props => {
   return (
         <>
-
-            <notice className="max-w-[88rem] w-full mx-auto flex h-16  px-5">
-                <div className="bg-indigo-100 w-full h-full"></div>
+            <notice className="max-w-[88rem] w-full mx-auto flex h-12 mb-4 px-5 font-bold">
+                <div className="bg-white rounded-xl border w-full h-full flex items-center justify-between px-5">
+                    <div>左侧 图表</div>
+                    <div className="w-full h-full hover:text-indigo-600 flex justify-center items-center">这里是公告栏</div>
+                    <div>右侧按钮</div>
+                </div>
             </notice>
 
-            <hero id="hero" style={{ zIndex: 1 }} className="max-w-[88rem] w-full mx-auto flex relative  px-5" >
+            <hero id="hero" style={{ zIndex: 1 }} className="max-w-[88rem] w-full mx-auto flex relative space-x-3 px-5" >
                 <div id='hero-left' className='flex flex-col flex-1 bg-red-200'>
-                    <div className="h-60 bg-blue-200 my-2"></div>
-                    <div className="h-20  bg-yellow-100 my-2"></div>
+                    <div className="h-60 bg-white rounded-xl border my-2"></div>
+                    <div className="h-20 flex flex-nowrap justify-between space-x-3 my-2">
+                        <div className="bg-white rounded-xl border flex-1">
+
+                        </div>
+                        <div className="bg-white rounded-xl border flex-1">
+
+                        </div>
+                        <div className="bg-white rounded-xl border flex-1">
+
+                        </div>
+                    </div>
                 </div>
                 <div id='hero-right' className='flex flex-col flex-1 bg-green-200 '>
-                    <div className="my-2 h-full bg-indigo-200"></div>
+                    <div className="my-2 h-full bg-white rounded-xl border "></div>
 
                 </div>
             </hero>