From b084244fe5267e6278d46cd0206f1b1ebfc43b81 Mon Sep 17 00:00:00 2001
From: Andre <oidre.dev@gmail.com>
Date: Thu, 16 Nov 2023 00:20:55 +0700
Subject: [PATCH 1/4] docs: fix responsive sidenav when devtools close

---
 apps/app/src/app/shared/layout/side-nav/side-nav.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app/src/app/shared/layout/side-nav/side-nav.component.ts b/apps/app/src/app/shared/layout/side-nav/side-nav.component.ts
index fd7284549..f00fb8273 100644
--- a/apps/app/src/app/shared/layout/side-nav/side-nav.component.ts
+++ b/apps/app/src/app/shared/layout/side-nav/side-nav.component.ts
@@ -9,7 +9,7 @@ import { SideNavContentComponent } from './side-nav-content.component';
   host: {
     class: 'fixed text-sm top-12 px-2 pt-6 pb-12 flex z-30 -ml-2 hidden w-full shrink-0 md:sticky md:block',
   },
-  template: `<hlm-scroll-area visibility="hover" class="h-[calc(100vh-3.5rem)]">
+  template: `<hlm-scroll-area visibility="hover" class="h-[calc(100vh-3.5rem)]" [autoWidthDisabled]="true">
     <spartan-side-nav-content />
   </hlm-scroll-area>`,
 })

From 1b3d2c89bed5b2b5c3d78547f08e3968025066ca Mon Sep 17 00:00:00 2001
From: Andre <oidre.dev@gmail.com>
Date: Thu, 16 Nov 2023 00:22:34 +0700
Subject: [PATCH 2/4] docs: adding gap between sidenav and main content

---
 apps/app/src/app/shared/layout/container.directive.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app/src/app/shared/layout/container.directive.ts b/apps/app/src/app/shared/layout/container.directive.ts
index f69f6236a..1f102c224 100644
--- a/apps/app/src/app/shared/layout/container.directive.ts
+++ b/apps/app/src/app/shared/layout/container.directive.ts
@@ -7,5 +7,5 @@ import { Directive, HostBinding } from '@angular/core';
 export class ContainerDirective {
   @HostBinding('class')
   public class =
-    'w-full mx-auto px-1 flex flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] lg:grid-cols-[240px_minmax(0,1fr)]';
+    'w-full mx-auto flex flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] lg:grid-cols-[240px_minmax(0,1fr)] md:gap-6 lg:gap-10';
 }

From d2ca107b8ea9fdfe102b737dd38777b5102f417d Mon Sep 17 00:00:00 2001
From: Andre <oidre.dev@gmail.com>
Date: Thu, 16 Nov 2023 00:30:44 +0700
Subject: [PATCH 3/4] docs: change doc default font using Inter font

---
 apps/app/index.html         | 1 +
 apps/app/tailwind.config.js | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/apps/app/index.html b/apps/app/index.html
index adb8d95f6..4bc9cd11b 100644
--- a/apps/app/index.html
+++ b/apps/app/index.html
@@ -7,6 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="/assets/spartan.svg" />
     <link rel="stylesheet" href="/src/styles.css" />
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
     <script>
       if (localStorage.theme !== 'default') {
         if (document && document.body) {
diff --git a/apps/app/tailwind.config.js b/apps/app/tailwind.config.js
index 2c26ea258..5b4d5fda8 100644
--- a/apps/app/tailwind.config.js
+++ b/apps/app/tailwind.config.js
@@ -1,5 +1,6 @@
 const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind');
 const { join } = require('path');
+const { fontFamily } = require('tailwindcss/defaultTheme');
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
@@ -10,4 +11,11 @@ module.exports = {
     join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'),
     ...createGlobPatternsForDependencies(__dirname),
   ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter var', 'var(--font-sans)', ...fontFamily.sans],
+      },
+    },
+  },
 };

From a2e76e50379897e08a2d8ba831d0a06700564155 Mon Sep 17 00:00:00 2001
From: Andre <oidre.dev@gmail.com>
Date: Thu, 16 Nov 2023 00:32:34 +0700
Subject: [PATCH 4/4] docs: enhance homepage tagline

---
 apps/app/src/app/pages/(home).page.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app/src/app/pages/(home).page.ts b/apps/app/src/app/pages/(home).page.ts
index d28ec5370..b5ede4e3d 100644
--- a/apps/app/src/app/pages/(home).page.ts
+++ b/apps/app/src/app/pages/(home).page.ts
@@ -57,7 +57,7 @@ const lead = 'leading-normal text-muted-foreground sm:text-xl sm:leading-8';
           class="!bg-primary !text-foreground-primary !hover:bg-primary/90"
           >This is madness. This is spartan.</a
         >
-        <h1 class="font-heading text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
+        <h1 class="font-semibold lg:font-bold text-3xl sm:text-5xl md:text-6xl">
           Cutting-edge tools powering Angular full-stack development.
         </h1>
         <p class="max-w-[42rem] ${lead}">