fix style

NINAnor · Jan 24, 2024 · 6878438 · 6878438
1 parent 3bacbb6
commit 6878438
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/src/pages/index/MapsList.jsx b/src/pages/index/MapsList.jsx
@@ -38,7 +38,7 @@ export function MapsList() {
               )}
               <Card.Footer>
                 <Card.Footer.Item>
-                  <Link to={viewerRoute.to} params={{ mapSlug: d.slug }} target="_blank" rel="noopener noreferrer">Explore</Link>
+                  <Link to={viewerRoute.to} params={{ mapSlug: d.slug }} target="_blank" rel="noopener noreferrer">EXPLORE</Link>
                 </Card.Footer.Item>
               </Card.Footer>
             </Card>             

diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
@@ -28,15 +28,15 @@ export function IndexPage() {
 
   return (
     <>
-      <Hero color="primary" gradient className="hero">
+      <Hero color="primary" className="hero">
         <Hero.Body>
           <Container>
             <Columns>
               <Columns.Column narrow>
                 <img src={logo} className="logo"/>
               </Columns.Column>
               <Columns.Column>
-                <Heading>Maps</Heading>
+                <Heading weight="bold">Maps</Heading>
                 <Heading size={3} subtitle>Official NINA Maps</Heading>
               </Columns.Column>
             </Columns>

diff --git a/src/pages/viewer/components/Metadata.jsx b/src/pages/viewer/components/Metadata.jsx
@@ -4,15 +4,15 @@ import logo from '../../../assets/logosmall.png';
 export default function Metadata({ title, subtitle, description, metadataRef }) {
   return (
     <div ref={metadataRef} className="metadata">
-      <Media className="pt-2">
+      <Media className="pt-5">
         <Media.Item align="left">
           <Image
             src={logo}
             size={64}
           />
         </Media.Item>
         <Media.Item align="center">
-          <Heading size={4}>{title}</Heading>
+          <Heading size={4} className="has-text-primary">{title}</Heading>
           <Heading size={6} subtitle>{subtitle}</Heading>
         </Media.Item>
       </Media>

diff --git a/src/styles/app.scss b/src/styles/app.scss
@@ -1,9 +1,12 @@
 // definition
-$nina-primary: #2DCCD3;
-$nina-secondary: #FFB25B;
+$nina-primary: #425563;
+$nina-secondary: #008C95;
+
+$nina-accent: #E57200;
 
 // override
 $primary: $nina-primary;
+$link: $nina-secondary;
 $family-primary: "Open Sans", Helvetica, Arial;
 $family-secondary: "Open Sans", Helvetica, Arial;