fix: 无法完全覆盖的问题

xh-polaris · Dec 3, 2024 · 6af707f · 6af707f
1 parent 94ab669
commit 6af707f
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/public/images/logo/map-2.png b/public/images/logo/map-2.png
diff --git a/src/App.css b/src/App.css
@@ -1,7 +1,7 @@
 .App {
   width: 100vw;
   height: 100vh;
-  background-color: rgb(16, 30, 34);
+  background-color: #192630;
 
   display: flex;
   align-items: center;

diff --git a/src/Page/PageContent/Statics/GeographicDistribution/GeographicDistribution.css b/src/Page/PageContent/Statics/GeographicDistribution/GeographicDistribution.css
@@ -196,4 +196,15 @@
   letter-spacing: -0.01em;
 
   color: #FFFFFF;
-}   
+}
+
+.Map-2 {
+  position: absolute;
+  right: 400px;
+  top: 350px;
+}
+
+.Map-2 > img {
+  height: 46px;
+  width: 32px;
+}
diff --git a/src/Page/PageContent/Statics/GeographicDistribution/GeographicDistribution.tsx b/src/Page/PageContent/Statics/GeographicDistribution/GeographicDistribution.tsx
@@ -22,7 +22,8 @@ export default function GeographicDistribution() {
           <img src='/images/icons/drop-down.png' alt='' className='DropdownIcon'/>
         </div>  
         <div className="ChartContainer"><img src='/images/logo/chart.png' alt=''/></div>
-        <div className="MapContainer"><img src='/images/logo/map.png' alt=''/></div>  
+        <div className="MapContainer"><img src='/images/logo/map.png' alt=''/></div>
+        <div className="Map-2"><img src="/images/logo/map-2.png" alt=''/></div>
         <div className="Top5">
           <div className="Top5Title">高频活跃学校Top5</div>
           <div className="Top5Content">