diff --git a/public/assets/images/brave-1.png b/public/assets/images/brave-1.png new file mode 100644 index 0000000..4b6f167 Binary files /dev/null and b/public/assets/images/brave-1.png differ diff --git a/public/assets/images/chrome-1.png b/public/assets/images/chrome-1.png new file mode 100644 index 0000000..fa408b5 Binary files /dev/null and b/public/assets/images/chrome-1.png differ diff --git a/public/assets/images/edge.svg b/public/assets/images/edge.svg new file mode 100644 index 0000000..92e4ab4 --- /dev/null +++ b/public/assets/images/edge.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/components/Header.jsx b/src/components/Header.jsx index 4d6cef8..9d9fda8 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -137,7 +137,7 @@ const Header = () => { onMouseLeave={initMouseOver} rel="noreferrer" > - Chrome + Chrome

Download for Chrome

{ id="brave-browser" rel="noreferrer" > - Brave + Brave

Download for Brave

- + Firefox / Edge version coming soon
diff --git a/src/index.css b/src/index.css index c099b36..ee8bf5d 100644 --- 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;