Portal getting started (harness#747)

* added getting started section and blank installation doc * added harness favicon * Update apps/portal/src/content/docs/getting-started/installation.md Co-authored-by: Kevin Nagurski <[email protected]> --------- Co-authored-by: joetaylorland <[email protected]> Co-authored-by: Kevin Nagurski <[email protected]>
pixel-point · Jan 21, 2025 · cd59477 · cd59477
1 parent 06ee62e
commit cd59477
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 2 deletions.
diff --git a/apps/portal/astro.config.ts b/apps/portal/astro.config.ts
@@ -18,10 +18,15 @@ export default defineConfig({
         src: "./src/assets/harness-design-system-logo.svg",
         replacesTitle: true,
       },
+      favicon: "./src/assets/favicon.png",
       social: {
         github: "https://github.com/harness/canary",
       },
       sidebar: [
+        {
+          label: "Getting started",
+          autogenerate: { directory: "getting-started" },
+        },
         {
           label: "Foundations",
           autogenerate: { directory: "foundations" },
@@ -50,6 +55,6 @@ export default defineConfig({
     react(),
   ],
   redirects: {
-    "/": "/components/breadcrumb", //
+    "/": "/components/accordion",
   },
 });
diff --git a/apps/portal/src/assets/favicon.png b/apps/portal/src/assets/favicon.png
diff --git a/apps/portal/src/content/docs/getting-started/installation.md b/apps/portal/src/content/docs/getting-started/installation.md
@@ -0,0 +1,6 @@
+---
+title: Installation
+description: Steps to get up and running with the Harness Canary UI components
+---
+
+These steps will you get up and running with the Harness Canary UI components.
diff --git a/apps/portal/src/styles.css b/apps/portal/src/styles.css
@@ -1,5 +1,5 @@
 body {
-  @apply text-foreground-3 text-base overscroll-none;
+  @apply text-foreground-3 text-base overscroll-none !important;
 }
 
 main {
@@ -113,3 +113,13 @@ ul.top-level summary svg {
 pre.prism-code {
   @apply rounded-md overflow-hidden border border-borders-4 bg-background-2 !important;
 }
+
+/* Pagination overrides */
+
+.pagination-links a {
+  @apply border border-borders-4 rounded-md text-xs text-foreground-4;
+}
+
+.pagination-links a .link-title {
+  @apply text-lg leading-tight;
+}