Merge pull request #16 from ubie-oss/add-

add og meta
ubie-oss · Oct 4, 2023 · 8387c1c · 8387c1c
2 parents a043193 + a184a0e
commit 8387c1c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 13 deletions.
diff --git a/public/assets/images/og-image.png b/public/assets/images/og-image.png
diff --git a/public/assets/images/ubie-vitals-logo.svg b/public/assets/images/ubie-vitals-logo.svg
diff --git a/src/components/astro/GlobalHeader.astro b/src/components/astro/GlobalHeader.astro
@@ -75,15 +75,15 @@ const { globalNavigationId } = Astro.props;
     gap: var(--size-spacing-md);
     align-items: center;
     height: var(--header-height-mobile);
-    padding: 0 12px;
+    padding: 0 var(--size-spacing-xs);
     background-color: var(--color-ubie-white);
     border-bottom: 1px solid var(--color-ubie-black-200);
   }
 
   @media (width >= 768px) {
     .header {
       height: var(--header-height);
-      padding: 0 20px;
+      padding: 0 var(--size-spacing-md);
     }
   }
 
@@ -119,12 +119,12 @@ const { globalNavigationId } = Astro.props;
 
   .logo {
     width: auto;
-    height: 30px;
+    height: 2rem;
   }
 
   @media (width >= 768px) {
     .logo {
-      height: 35px;
+      height: 2.5rem;
     }
   }
 </style>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -25,13 +25,21 @@ interface Props {
 const { title } = Astro.props;
 
 const globalNavigationId = 'vitals-global-navigation';
+const description =
+  "Ubie Vitals is a design system based on four design principles to ensure that Ubie's products reach all users";
 ---
 
 <html lang="ja">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     {title ? <title>{title} | Ubie Vitals</title> : <title>Ubie Vitals</title>}
+    <meta name="description" content={description} />
+    <meta property="og:description" content={description} />
+    <meta property="og:image" content="https://vitals.ubie.life/assets/images/og-image.png" />
+    <meta name="twitter:title" content="Ubie Vitals" />
+    <meta name="twitter:description" content={description} />
+    <meta name="twitter:card" content="summary_large_image" />
     <link rel="icon" href="/assets/images/favicon.ico" />
   </head>
   <body>