From 37ac6c22c6b5e79ebe8765d917cd9909b2e53bc6 Mon Sep 17 00:00:00 2001 From: Mitja Belak Date: Mon, 21 Oct 2024 10:42:22 +0200 Subject: [PATCH] Lil upsexing of the Header and adding fonts --- app/src/components/Header.tsx | 8 +++++--- app/src/pages/_app.tsx | 16 ++++++++++++---- app/src/pages/index.tsx | 10 ++++++---- app/src/styles/Header.module.css | 18 ++++++++++++++++++ app/src/styles/Home.module.css | 7 +++++++ 5 files changed, 48 insertions(+), 11 deletions(-) create mode 100644 app/src/styles/Header.module.css diff --git a/app/src/components/Header.tsx b/app/src/components/Header.tsx index 393db69..f0d65c3 100644 --- a/app/src/components/Header.tsx +++ b/app/src/components/Header.tsx @@ -1,9 +1,11 @@ import React from "react" +import styles from "../styles/Header.module.css" const Header = () => { - return
-

mico's Slayery

-

1213123 million GELD

+ return
+

mico's Slayery

+

1213123 million GELD

+

per second: 55.000 thousand

} diff --git a/app/src/pages/_app.tsx b/app/src/pages/_app.tsx index 46c42bd..2fad182 100644 --- a/app/src/pages/_app.tsx +++ b/app/src/pages/_app.tsx @@ -1,20 +1,28 @@ import '../styles/globals.css'; import '@rainbow-me/rainbowkit/styles.css'; import type { AppProps } from 'next/app'; - import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { WagmiProvider } from 'wagmi'; -import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; - +import { RainbowKitProvider, midnightTheme } from '@rainbow-me/rainbowkit'; import { config } from '../wagmi'; +import { Texturina } from 'next/font/google' const client = new QueryClient(); +const font = Texturina({ weight: ['400'], subsets: ["latin"] }) function MyApp({ Component, pageProps }: AppProps) { return ( - + + diff --git a/app/src/pages/index.tsx b/app/src/pages/index.tsx index bd632f4..0cbc94f 100644 --- a/app/src/pages/index.tsx +++ b/app/src/pages/index.tsx @@ -9,16 +9,18 @@ const Home: NextPage = () => { return (
- RainbowKit App + Slay Moloch
- +
+ +
diff --git a/app/src/styles/Header.module.css b/app/src/styles/Header.module.css new file mode 100644 index 0000000..2347a78 --- /dev/null +++ b/app/src/styles/Header.module.css @@ -0,0 +1,18 @@ +.header { + margin-top: 5rem; +} +.title { + font-size: 1.5rem; + margin: 0; +} +.counter { + font-size: 2rem; + font-weight: 600; + margin: 0.5rem 0 0.2rem; + line-height: 2rem; +} +.counter_per_seconds { + font-size: 1.2rem; + font-weight: 600; + margin: 0; +} diff --git a/app/src/styles/Home.module.css b/app/src/styles/Home.module.css index 88aef02..a279521 100644 --- a/app/src/styles/Home.module.css +++ b/app/src/styles/Home.module.css @@ -2,7 +2,14 @@ padding: 0 2rem; } +.connect { + position: absolute; + top: 2rem; + right: 2rem; +} + .main { + position: relative; display: flex; flex-direction: column; align-items: center;