fix: images

RabbyHub · Apr 21, 2022 · d22267a · d22267a · vercel · Apr 21, 2022
1 parent fb4b723
commit d22267a
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/public/assets/images/brave-1.png b/public/assets/images/brave-1.png
diff --git a/public/assets/images/chrome-1.png b/public/assets/images/chrome-1.png
diff --git a/public/assets/images/edge.svg b/public/assets/images/edge.svg
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -137,7 +137,7 @@ const Header = () => {
               onMouseLeave={initMouseOver}
               rel="noreferrer"
             >
-              <img src="/assets/images/chrome.png" alt="Chrome" />
+              <img src="/assets/images/chrome-1.png" alt="Chrome" />
               <p>Download for Chrome</p>
             </a>
             <a
@@ -151,13 +151,13 @@ const Header = () => {
               id="brave-browser"
               rel="noreferrer"
             >
-              <img src="/assets/images/brave.png" alt="Brave" />
+              <img src="/assets/images/brave-1.png" alt="Brave" />
               <p>Download for Brave</p>
             </a>
           </div>
           <div className="coming-soon">
             <img src="/assets/images/firefox-small.png" alt="" />
-            <img src="/assets/images/edge-small.png" alt="" />
+            <img src="/assets/images/edge.svg" alt="" />
             <span>Firefox / Edge version coming soon</span>
           </div>
           <div className="actions">

diff --git a/src/index.css b/src/index.css
@@ -201,7 +201,7 @@ header {
 
 .coming-soon img {
   width: 24px;
-  margin-right: 11px;
+  margin-right: 12px;
 }
 
 .actions {
@@ -303,8 +303,9 @@ header {
   opacity: 1;
 } */
 .browsers img {
-  width: 44px;
-  height: 44px;
+  width: 32px;
+  height: 32px;
+  margin-right: 12px;
 }
 .browsers .browser-item:nth-last-child(1) {
   margin-right: 0;