feat: change title, add basic styling

m-risto · m-risto · commit 948d362da6d7 · 2024-07-30T13:31:35.000+02:00
diff --git a/apps/examples/src/app/app.component.html b/apps/examples/src/app/app.component.html
@@ -1,10 +1,9 @@
-<div class="flex">
-  <aside class="flex flex-col">
+<div class="flex h-full w-full">
+  <aside class="flex flex-col p-3">
     Basic
     <a hlmBtn variant="link" routerLink="/basic/minimal">Minimal</a>
     Custom
     <a hlmBtn variant="link" routerLink="/custom/alert-block">Alert Block</a>
-
   </aside>
-  <main><router-outlet></router-outlet></main>
+  <main class="flex-auto"><router-outlet></router-outlet></main>
 </div>
diff --git a/apps/examples/src/app/app.routes.ts b/apps/examples/src/app/app.routes.ts
@@ -3,6 +3,7 @@ import { BasicMinimal } from '../basic/minimal/basic-minimal.component';
 import { CustomAlertBlockPage } from '../custom/alert-block/custom-alert-block.page';
 
 export const appRoutes: Route[] = [
+  { path: '', redirectTo: 'basic/minimal', pathMatch: 'full' },
   { path: 'basic/minimal', component: BasicMinimal },
   {
     path: 'custom/alert-block',
diff --git a/apps/examples/src/index.html b/apps/examples/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>test</title>
+    <title>Block Note Angular</title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
diff --git a/styles/styles.css b/styles/styles.css
@@ -55,3 +55,9 @@
 --input: 240 3.7% 15.9%;
 --ring: 240 4.9% 83.9%;
 }
+
+
+html,
+body {
+    height: 100%;
+}

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@ import { BasicMinimal } from '../basic/minimal/basic-minimal.component';`
`3`	`3`	`import { CustomAlertBlockPage } from '../custom/alert-block/custom-alert-block.page';`
`4`	`4`
`5`	`5`	`export const appRoutes: Route[] = [`
	`6`	`+ { path: '', redirectTo: 'basic/minimal', pathMatch: 'full' },`
`6`	`7`	`{ path: 'basic/minimal', component: BasicMinimal },`
`7`	`8`	`{`
`8`	`9`	`path: 'custom/alert-block',`