changed font to roboto

ametel01 · Dec 18, 2023 · 33da166 · 33da166
1 parent aed67c3
commit 33da166
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 2 deletions.
diff --git a/packages/frontend/index.html b/packages/frontend/index.html
@@ -4,6 +4,9 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="./favicon.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
     <title>NoGame</title>
   </head>
   <body>

diff --git a/packages/frontend/src/assets/logos/logo-2.png b/packages/frontend/src/assets/logos/logo-2.png
diff --git a/packages/frontend/src/assets/logos/nogame-logo.png b/packages/frontend/src/assets/logos/nogame-logo.png
diff --git a/packages/frontend/src/components/ui/ResourcesContainer.tsx b/packages/frontend/src/components/ui/ResourcesContainer.tsx
@@ -104,6 +104,7 @@ const Energy = ({ available, img, title, fromCelestia }: Props) => {
         <Tooltip
           title={"Energy must always be positive to avoid loosing production"}
           arrow
+          placement="top"
         >
           <div>
             <TotalResourceContainer>
@@ -125,7 +126,12 @@ const Resource = ({ spendable, collectible, img, title, address }: Props) => {
   const [copied, setCopied] = useState(false);
   return (
     <Container>
-      <Tooltip title={copied ? "Copied" : "Copy Token Address and add it to your wallet"} arrow>
+      <Tooltip
+        title={
+          copied ? "Copied" : "Copy Token Address and add it to your wallet"
+        }
+        arrow
+      >
         <div>
           <ResourceName style={{ fontSize: "16px" }}>{title}</ResourceName>
           <ImageAddressContainer

diff --git a/packages/frontend/src/shared/styled/Theme.ts b/packages/frontend/src/shared/styled/Theme.ts
@@ -11,7 +11,7 @@ export const GlobalStyle = createGlobalStyle`
 
   /* Base font settings */
   html, body, input, textarea, button {
-    font-family: 'Share Tech Mono', sans-serif;
+    font-family: 'Roboto', sans-serif;
     font-display: fallback;
     color: #F8F8FF;
     background-color: #151a1e;