From 30d3bce47f315ee1af2eb9f9ae2ea67dc449eb71 Mon Sep 17 00:00:00 2001 From: Andrea Albiac <137904915+andrealbiac@users.noreply.github.com> Date: Tue, 5 Nov 2024 18:29:09 +0100 Subject: [PATCH] Design tweaks (#3) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Replaced logo and adjusted margins/ paddings * Fix mobile issues --------- Co-authored-by: Carlos Sánchez --- packages/nextjs/components/Header.tsx | 4 +- .../nextjs/components/StreamContractInfo.tsx | 29 ++--- .../RainbowKitCustomConnectButton.tsx | 2 +- packages/nextjs/pages/index.tsx | 8 +- packages/nextjs/pages/members.tsx | 8 +- packages/nextjs/public/assets/bg-media-2.png | Bin 0 -> 23065 bytes .../nextjs/public/images/logo_bgmedia.svg | 120 ------------------ packages/nextjs/public/logo.png | Bin 5524 -> 0 bytes packages/nextjs/styles/globals.css | 2 + 9 files changed, 24 insertions(+), 149 deletions(-) create mode 100644 packages/nextjs/public/assets/bg-media-2.png delete mode 100644 packages/nextjs/public/images/logo_bgmedia.svg delete mode 100644 packages/nextjs/public/logo.png diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx index 4c686a0..01979c0 100644 --- a/packages/nextjs/components/Header.tsx +++ b/packages/nextjs/components/Header.tsx @@ -28,9 +28,9 @@ export const Header = () => (
-
+
- bg media logo + bg media logo
diff --git a/packages/nextjs/components/StreamContractInfo.tsx b/packages/nextjs/components/StreamContractInfo.tsx index b3d70a5..1a90218 100644 --- a/packages/nextjs/components/StreamContractInfo.tsx +++ b/packages/nextjs/components/StreamContractInfo.tsx @@ -1,7 +1,7 @@ import React from "react"; import { BigNumber } from "ethers"; import { useAccount } from "wagmi"; -import { BanknotesIcon, QuestionMarkCircleIcon } from "@heroicons/react/24/outline"; +import { BanknotesIcon } from "@heroicons/react/24/outline"; import { Address, Balance } from "~~/components/scaffold-eth"; import { useDeployedContractInfo, useScaffoldContractRead } from "~~/hooks/scaffold-eth"; @@ -26,23 +26,16 @@ export const StreamContractInfo = () => { return ( <> -
-
-

- Stream Contract - - - -

-
+
+
+

Stream Contract

+
- Mainnet -
{" "} - / + Mainnet +
+ {""} + /
{address && amIAStreamdBuilder && ( @@ -57,8 +50,8 @@ export const StreamContractInfo = () => {
)}
-
-

Owner

+
+

Owner

diff --git a/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton.tsx b/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton.tsx index 4d34417..1cc5053 100644 --- a/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton.tsx +++ b/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton.tsx @@ -30,7 +30,7 @@ export const RainbowKitCustomConnectButton = () => { if (!connected) { return ( ); } diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx index 6cfb0e9..c2c970a 100644 --- a/packages/nextjs/pages/index.tsx +++ b/packages/nextjs/pages/index.tsx @@ -5,14 +5,14 @@ import { StreamContractInfo } from "~~/components/StreamContractInfo"; const Home: NextPage = () => { return ( <> -
-

Welcome

+
+

Welcome

-

+

Funding high leverage BuidlGuidl members for their designs, social media contributions, and other media related work.

-

Made possible by the BuidlGuidl!

+

Made possible by the BuidlGuidl!

diff --git a/packages/nextjs/pages/members.tsx b/packages/nextjs/pages/members.tsx index 0818498..dc3937a 100644 --- a/packages/nextjs/pages/members.tsx +++ b/packages/nextjs/pages/members.tsx @@ -47,9 +47,9 @@ const Members: NextPage = () => { return ( <>
-

Members

+

Members

-

+

These are the BG Media active builders and their streams. You can click on any builder to see their detailed contributions.

@@ -59,7 +59,7 @@ const Members: NextPage = () => {
Loading...
) : ( -
+
{allBuildersData?.map(builderData => { if (builderData.cap.isZero()) return; const cap = ethers.utils.formatEther(builderData.cap || 0); @@ -67,7 +67,7 @@ const Members: NextPage = () => { const percentage = Math.floor((parseFloat(unlocked) / parseFloat(cap)) * 100); return (
-
+