From 331c5e207f373a512483b5d29be27bf581cac1ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Corinne=20B=C3=B6sch?= Date: Tue, 7 Jun 2022 11:07:05 +0100 Subject: [PATCH 1/5] fix: adjusted social icons in footer --- src/components/Footer.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index a1cfef0..9ea1545 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -43,7 +43,7 @@ export default function Footer(props: Props) { 'sm:-translate-y-1/2' )} > - +
© 2022 Realms {/** From c8ea37d2e1006e121c88345cb57544fb228a7890 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Corinne=20B=C3=B6sch?= Date: Tue, 7 Jun 2022 12:50:20 +0100 Subject: [PATCH 2/5] fix: adjusted gap between dao structures --- src/components/DAOStructures/index.tsx | 2 +- src/components/Introduction.tsx | 2 +- src/components/Metrics/index.tsx | 2 +- tailwind.config.js | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/DAOStructures/index.tsx b/src/components/DAOStructures/index.tsx index d6ae15a..e2edfad 100644 --- a/src/components/DAOStructures/index.tsx +++ b/src/components/DAOStructures/index.tsx @@ -29,7 +29,7 @@ export default function DAOStructures() { className={clsxm( 'flex-col', 'flex', - 'gap-x-4', + 'gap-x-2', 'gap-y-4', 'items-start', '1_5xl:flex-wrap', diff --git a/src/components/Introduction.tsx b/src/components/Introduction.tsx index 9405285..2601231 100644 --- a/src/components/Introduction.tsx +++ b/src/components/Introduction.tsx @@ -35,7 +35,7 @@ export default function Introduction() {
- Enter App{' '} + Enter App diff --git a/src/components/Metrics/index.tsx b/src/components/Metrics/index.tsx index 9a2df30..8696435 100644 --- a/src/components/Metrics/index.tsx +++ b/src/components/Metrics/index.tsx @@ -7,7 +7,7 @@ import GrowingValue from '@/components/Metrics/GrowingValue'; export default function Metrics() { return ( -
+
Date: Mon, 13 Jun 2022 16:59:44 +0100 Subject: [PATCH 3/5] fix: instruction hero background adjusts to mobile and desktop size --- src/components/Introduction.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/components/Introduction.tsx b/src/components/Introduction.tsx index 2601231..fe71276 100644 --- a/src/components/Introduction.tsx +++ b/src/components/Introduction.tsx @@ -1,5 +1,6 @@ import Image from 'next/image'; import Link from 'next/link'; +import { useMediaQuery } from 'react-responsive'; import * as Anchor from '@/components/Anchor'; import CenteredContent from '@/components/CenteredContent'; @@ -8,9 +9,14 @@ import Icon from '@/components/Icon'; import Text from '@/components/Text'; export default function Introduction() { + const isNarrow = useMediaQuery({ query: `(max-width: 834px)` }); + const imgClass = isNarrow + ? 'absolute -top-[295px] left-1/2 -z-10 h-[844px] w-[1800px] -translate-x-[640px]' + : 'absolute -top-[275px] left-1/2 -z-10 h-[844px] w-[1800px] -translate-x-[1072px]'; + return (
-
+
hero image Date: Wed, 15 Jun 2022 17:48:53 +0100 Subject: [PATCH 4/5] fix: managing dao hero background adjusts to mobile and desktop size --- src/components/Introduction.tsx | 14 ++++++-------- src/components/ManagingDAOs/index.tsx | 11 ++++++++--- 2 files changed, 14 insertions(+), 11 deletions(-) diff --git a/src/components/Introduction.tsx b/src/components/Introduction.tsx index c635490..b0c2f45 100644 --- a/src/components/Introduction.tsx +++ b/src/components/Introduction.tsx @@ -1,7 +1,7 @@ import Image from 'next/image'; import Link from 'next/link'; +import { useMediaQuery } from 'react-responsive'; -// import { useMediaQuery } from 'react-responsive'; import trackClick from '@/lib/trackClick'; import * as Anchor from '@/components/Anchor'; @@ -11,19 +11,17 @@ import Icon from '@/components/Icon'; import Text from '@/components/Text'; export default function Introduction() { - // const isNarrow = useMediaQuery({ query: `(max-width: 834px)` }); - // const imgClass = isNarrow - // ? 'absolute -top-[295px] left-1/2 -z-10 h-[844px] w-[1800px] -translate-x-[640px]' - // : 'absolute -top-[275px] left-1/2 -z-10 h-[844px] w-[1800px] -translate-x-[1072px]'; + const isNarrow = useMediaQuery({ query: `(max-width: 834px)` }); + const imgClass = isNarrow + ? 'absolute -top-[295px] left-1/2 -z-10 h-[844px] w-[1800px] -translate-x-[640px]' + : 'absolute -top-[275px] left-1/2 -z-10 h-[844px] w-[1800px] -translate-x-[1072px]'; return ( - //
- //
// The page gets sized by the overflowing hero image. To keep the page // width from being affected by the hero, we need to add an // 'overflow-hidden' to the container div
-
+
-
+
+
hero image
From a4eec6816f223537734bfe1eb63a7bb90a8a9c86 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Corinne=20B=C3=B6sch?= Date: Wed, 15 Jun 2022 18:49:26 +0100 Subject: [PATCH 5/5] fix: replaced social icons with centered svg files --- public/icons/discord.svg | 6 +++--- public/icons/github.svg | 11 ++--------- public/icons/twitter.svg | 6 +++--- 3 files changed, 8 insertions(+), 15 deletions(-) diff --git a/public/icons/discord.svg b/public/icons/discord.svg index 46d5665..5b98cf4 100644 --- a/public/icons/discord.svg +++ b/public/icons/discord.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/public/icons/github.svg b/public/icons/github.svg index eed2a94..c1d56f4 100644 --- a/public/icons/github.svg +++ b/public/icons/github.svg @@ -1,10 +1,3 @@ - - - - - - - - - + + diff --git a/public/icons/twitter.svg b/public/icons/twitter.svg index d7e5172..5f78b2e 100644 --- a/public/icons/twitter.svg +++ b/public/icons/twitter.svg @@ -1,4 +1,4 @@ - - - + + +