feat: update main page

taiga-family · Aug 29, 2024 · 09b4906 · 09b4906
1 parent 407912c
commit 09b4906
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 10 deletions.
diff --git a/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.html b/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.html
@@ -15,10 +15,11 @@
     functional web applications.
 </p>
 <div class="row">
-    <div
+    <button
         routerLink="/dashboards"
         tuiAppearance="whiteblock"
         tuiCardLarge="normal"
+        tuiSurface="elevated"
         class="card"
     >
         <div>
@@ -31,11 +32,12 @@
                 </h2>
             </header>
         </div>
-    </div>
-    <div
+    </button>
+    <button
         routerLink="/theme"
         tuiAppearance="whiteblock"
         tuiCardLarge="normal"
+        tuiSurface="elevated"
         class="card"
     >
         <div>
@@ -48,11 +50,12 @@
                 </h2>
             </header>
         </div>
-    </div>
-    <div
+    </button>
+    <button
         routerLink="/login"
         tuiAppearance="whiteblock"
         tuiCardLarge="normal"
+        tuiSurface="elevated"
         class="card"
     >
         <div>
@@ -65,11 +68,12 @@
                 </h2>
             </header>
         </div>
-    </div>
-    <div
+    </button>
+    <button
         routerLink="/sign-up"
         tuiAppearance="whiteblock"
         tuiCardLarge="normal"
+        tuiSurface="elevated"
         class="card"
     >
         <div>
@@ -82,5 +86,5 @@
                 </h2>
             </header>
         </div>
-    </div>
+    </button>
 </div>
diff --git a/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.ts b/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.ts
@@ -1,13 +1,21 @@
 import {CommonModule} from '@angular/common';
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
-import {TuiAppearance, TuiTitle} from '@taiga-ui/core';
+import {TuiAppearance, TuiSurface, TuiTitle} from '@taiga-ui/core';
 import {TuiCardLarge, TuiHeader} from '@taiga-ui/layout';
 
 @Component({
     standalone: true,
     selector: 'lmb-common-page',
-    imports: [CommonModule, RouterLink, TuiAppearance, TuiCardLarge, TuiHeader, TuiTitle],
+    imports: [
+        CommonModule,
+        RouterLink,
+        TuiAppearance,
+        TuiCardLarge,
+        TuiHeader,
+        TuiSurface,
+        TuiTitle,
+    ],
     templateUrl: './common-page.component.html',
     styleUrl: './common-page.component.less',
     changeDetection: ChangeDetectionStrategy.OnPush,