updated ui font + box shadow NFT

Andréas Brey · Andréas Brey · commit fd5b19e02ec7 · 2022-01-28T01:39:18.000+01:00
diff --git a/public/index.html b/public/index.html
@@ -3,6 +3,9 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/logo.jpg" />
+    <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=Patrick+Hand&display=swap" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
diff --git a/src/App.css b/src/App.css
@@ -9,6 +9,8 @@
 
 body{
   background-color:var(--main-background-color);
+  font-family: 'Patrick Hand', cursive;
+  font-size: 1.2em;
 }
 
 h2, p{
diff --git a/src/Home.tsx b/src/Home.tsx
@@ -198,13 +198,20 @@ const Price = styled(Chip)`
 const Image = styled.img`
   height: 400px;
   width: auto;
-  border-radius: 20px;
+  border-radius: 7px;
+  box-shadow: 5px 5px 40px 5px rgba(0,0,0,0.5);
 `;
 
 const BorderLinearProgress = styled(LinearProgress)`
   margin: 20px 0;
   height: 10px !important;
-  border-radius: 5px;
+  border-radius: 30px;
+  border: 2px solid white;
+  box-shadow: 5px 5px 40px 5px rgba(0,0,0,0.5);
+  > div.MuiLinearProgress-bar1Determinate {
+    border-radius: 30px !important;
+    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.5));
+  }
 `;
 
 const ShimmerTitle = styled.h1`

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,8 @@`
`9`	`9`
`10`	`10`	`body{`
`11`	`11`	`background-color:var(--main-background-color);`
	`12`	`+ font-family: 'Patrick Hand', cursive;`
	`13`	`+ font-size: 1.2em;`
`12`	`14`	`}`
`13`	`15`
`14`	`16`	`h2, p{`