Merge pull request #15 from calimania/feature/seo-css

Better CSS & SEO
calimania · Dec 10, 2024 · 99a4753 · 99a4753
2 parents 1004c12 + eac5443
commit 99a4753
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 5 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -18,9 +18,10 @@ export interface Props {
   scrollSmooth?: boolean;
   post?: CollectionEntry<"posts">;
   meta?: {
-    title: string;
-    image: string;
-    description: string;
+    title?: string;
+    image?: string;
+    description?: string;
+    url?: string;
   };
 }
 
@@ -122,7 +123,10 @@ const store = stores.find(
     />
     <meta
       property="og:url"
-      content={post?.data?.SEO?.metaUrl || store?.SEO?.metaUrl || canonicalURL}
+      content={meta?.url ||
+        post?.data?.SEO?.metaUrl ||
+        store?.SEO?.metaUrl ||
+        canonicalURL}
     />
     <meta
       property="og:image"

diff --git a/src/pages/[slug].astro b/src/pages/[slug].astro
@@ -34,7 +34,14 @@ const store = stores.find(
 const { page } = Astro.props;
 ---
 
-<Layout>
+<Layout
+  meta={{
+    title: page?.SEO?.metaTitle || page?.Title,
+    image: page?.SEO?.socialImage?.url,
+    description: page?.SEO?.metaDescription,
+    url: `/${page?.slug}`,
+  }}
+>
   <Header store={store} activeNav={page?.data?.slug as activeNav} />
   <Breadcrumbs />
   <main id="main-content">

diff --git a/src/styles/base.css b/src/styles/base.css
@@ -180,6 +180,15 @@ button.brand-yellow:hover {
   background-color: white;
   border-color: #0157ad !important;
 }
+.nav-container {
+  min-height: 120px;
+}
+
+@media (max-width: 640px) {
+  .logo {
+    width: 80px !important;
+  }
+}
 }
 
 @layer components {