feat: got working toolbar

Author: cskiwi

.github/workflows/ci-bun.yml

@@ -0,0 +1,38 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+
+permissions:
+  actions: read
+  contents: read
+
+jobs:
+  main:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: oven-sh/setup-bun@v1
+        with:
+          bun-version: latest
+
+      - run: bun install --frozen-lockfile --ignore-scripts
+      - uses: nrwl/nx-set-shas@v4
+
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+
+      - run: bun nx affected -t lint test build
+      - run: bun nx affected --parallel 1 -t e2e-ci
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: dist/.playwright/apps/
+          retention-days: 30

.github/workflows/ci.yml renamed to .github/workflows/ci-npm.yml

@@ -23,6 +23,7 @@ jobs:
           node-version: latest
 
       - run: npm ci
+      
       - uses: nrwl/nx-set-shas@v4
 
       - name: Install Playwright Browsers

libs/frontend/pages/home/src/lib/page-home.component.html renamed to libs/frontend/pages/home/src/components/home/page-home.component.html

@@ -1,3 +1 @@
-export * from './lib/lib.routes';
-
-export * from './lib/page-home.component';
+export * from './lib.routes';

libs/frontend/pages/home/src/lib/page-home.component.scss renamed to libs/frontend/pages/home/src/components/home/page-home.component.scss

@@ -1,5 +1,5 @@
 import { Route } from '@angular/router';
-import { PageHomeComponent } from './page-home.component';
+import { PageHomeComponent } from './components/home/page-home.component';
 
 export const pageHomeRoutes: Route[] = [
   { path: '', component: PageHomeComponent },

libs/frontend/pages/home/src/lib/page-home.component.ts renamed to libs/frontend/pages/home/src/components/home/page-home.component.ts

@@ -1,5 +1,5 @@
 <div class="container" [class.is-mobile]="isHandset()">
-  <mat-toolbar>
+  <mat-toolbar class="toolbar">
     <button mat-icon-button (click)="snav.toggle()">
       <mat-icon>menu</mat-icon>
     </button>

libs/frontend/pages/home/src/index.ts

@@ -5,9 +5,9 @@
 
 @mixin color($theme) {
   app-root {
-    .toolbar {
-      @include mat.toolbar-color($theme);
-
+    mat-toolbar.toolbar {
+      color: mat.get-theme-color($theme, secondary);
+      background: mat.get-theme-color($theme, secondary-container);
     }
   }
 }