From 1a9b6b5ecdaeb2d7be2e5ee79f2e3d7d5b7912b3 Mon Sep 17 00:00:00 2001 From: Secret Elf Date: Fri, 30 Apr 2021 10:32:07 -0500 Subject: [PATCH 1/4] add rel warning fix --- src/pages/Home/components/Carousel/index.jsx | 34 ++++++++++---------- src/pages/Home/components/Footer/index.tsx | 8 ++--- 2 files changed, 21 insertions(+), 21 deletions(-) diff --git a/src/pages/Home/components/Carousel/index.jsx b/src/pages/Home/components/Carousel/index.jsx index 734e979..8e8da78 100644 --- a/src/pages/Home/components/Carousel/index.jsx +++ b/src/pages/Home/components/Carousel/index.jsx @@ -68,7 +68,7 @@ export default class Carousel extends Component {
(this.slider = c)} {...settings}>
- + Logo bitcoin-com
- + Logo bithumb
- + Logo bridge
- + Logo bsc
- + Logo kairon
- + Logo moonbeam
- + Logo avalabs
- + Logo polkadot
- + Logo web3api
- + Logo wasder
Logo indacoin
- + Logo grow
- + Logo gda
- + Logo fireblocks
- + Logo hypercube
- + Logo changelly
- + Logo bscstarter {
From 0e14c9e1c0c1c6bf8714b91d25c0676b0a148abc Mon Sep 17 00:00:00 2001 From: Secret Elf Date: Fri, 30 Apr 2021 10:36:16 -0500 Subject: [PATCH 2/4] socials to footer --- src/pages/Home/components/Footer/index.tsx | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/pages/Home/components/Footer/index.tsx b/src/pages/Home/components/Footer/index.tsx index be662f0..50959f3 100644 --- a/src/pages/Home/components/Footer/index.tsx +++ b/src/pages/Home/components/Footer/index.tsx @@ -43,6 +43,18 @@ const Footer = () => {
  • github
    • +
  • + facebook +
    • +
  • + twitter +
    • +
  • + discord +
    • +
  • + telegram +
    • From 7eb52182cbd8f4728f589e9144d43529ef31a800 Mon Sep 17 00:00:00 2001 From: Secret Elf Date: Fri, 30 Apr 2021 13:08:42 -0500 Subject: [PATCH 3/4] update blog link --- src/layout/Header/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/layout/Header/index.tsx b/src/layout/Header/index.tsx index c3e8c99..f979606 100644 --- a/src/layout/Header/index.tsx +++ b/src/layout/Header/index.tsx @@ -101,7 +101,7 @@ export default function Header() { {mobileMenuOpen && (
      -
    • goToSite("/blog")}>Blog
      • +
    • goToSite("https://medium.com/@OfficialZeroDex/")}>Blog
    • goToSite("https://0exchangestatic.blob.core.windows.net/whitepaper/0Whitepaper.pdf")} className={`${pathname === "/learn-more" ? "active" : ""}`} From 138be35f6e196c7ca58671d560eb64a6666f0ae4 Mon Sep 17 00:00:00 2001 From: Aleksandr Kravets Date: Tue, 4 May 2021 15:09:09 +0300 Subject: [PATCH 4/4] Fixed carousel and footer for tablet --- src/pages/Home/components/Carousel/index.jsx | 2 +- src/pages/Home/components/Carousel/styles.scss | 11 ++++++++++- src/pages/Home/components/Footer/styles.scss | 11 ++++++++--- 3 files changed, 19 insertions(+), 5 deletions(-) diff --git a/src/pages/Home/components/Carousel/index.jsx b/src/pages/Home/components/Carousel/index.jsx index 8e8da78..39db38c 100644 --- a/src/pages/Home/components/Carousel/index.jsx +++ b/src/pages/Home/components/Carousel/index.jsx @@ -32,7 +32,7 @@ export default class Carousel extends Component { }, }, { - breakpoint: 600, + breakpoint: 768, settings: { slidesToShow: 2, slidesToScroll: 1, diff --git a/src/pages/Home/components/Carousel/styles.scss b/src/pages/Home/components/Carousel/styles.scss index b7b8e91..104e789 100644 --- a/src/pages/Home/components/Carousel/styles.scss +++ b/src/pages/Home/components/Carousel/styles.scss @@ -43,7 +43,10 @@ width: 100%; height: 80px; margin: 15px auto; - @include until($desktop) { + @media screen and (max-width: 1024px) { + max-width: 600px; + } + @media screen and (max-width: 768px) { max-width: 300px; } } @@ -54,6 +57,9 @@ left: -15px; top: 45%; transform: translateY(-50%); + @media screen and (max-width: 480px) { + left: 5px; + } } .arrow-right { @@ -62,6 +68,9 @@ right: -15px; top: 45%; transform: translateY(-50%); + @media screen and (max-width: 480px) { + right: 5px; + } } .slider-wrap { diff --git a/src/pages/Home/components/Footer/styles.scss b/src/pages/Home/components/Footer/styles.scss index 2ffc0d8..0cf0075 100644 --- a/src/pages/Home/components/Footer/styles.scss +++ b/src/pages/Home/components/Footer/styles.scss @@ -16,6 +16,11 @@ display: flex; flex-wrap: wrap; justify-content: center; + @media screen and (max-width: 1215px) { + justify-content: space-evenly; + width: 100%; + gap: 8px; + } li { margin-right: 57px; @@ -23,8 +28,8 @@ &:last-child { margin-right: 0; } - @media screen and (max-width: 550px) { - margin-right: 20px; + @media screen and (max-width: 1215px) { + margin-right: 0px; } a { @@ -56,7 +61,7 @@ top: 50%; transform: translateY(-50%); left: 0; - @media screen and (max-width: 1024px) { + @media screen and (max-width: 1215px) { display: none; } }