chore: add dropdown for mobile

taiga-family · Aug 29, 2024 · 4d6819c · 4d6819c
1 parent 9482971
commit 4d6819c
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/apps/taiga-lumbermill/src/components/navigation/navigation.component.html b/apps/taiga-lumbermill/src/components/navigation/navigation.component.html
@@ -2,9 +2,53 @@
     <button
         appearance="secondary"
         iconStart="@tui.layout-grid"
+        tuiDropdownOpen
         tuiIconButton
+        [tuiDropdown]="menu"
     >
         Menu
+        <ng-template #menu>
+            <tui-data-list
+                *ngIf="mobile$ | async"
+                size="s"
+            >
+                <button
+                    iconStart="@tui.palette"
+                    routerLink="/theme"
+                    tuiOption
+                >
+                    Theme Generator
+                </button>
+                <button
+                    iconStart="@tui.layout-dashboard"
+                    routerLink="/dashboards/iot"
+                    tuiOption
+                >
+                    Iot dashboard
+                </button>
+                <button
+                    iconStart="@tui.layout-dashboard"
+                    routerLink="/dashboards/crypto"
+                    tuiOption
+                >
+                    Crypto dashboard
+                </button>
+                <button
+                    iconStart="@tui.log-in"
+                    routerLink="/theme"
+                    tuiOption
+                >
+                    Log in
+                </button>
+                <button
+                    iconStart="@tui.key-round"
+                    routerLink="/theme"
+                    tuiOption
+                >
+                    Sign up
+                </button>
+            </tui-data-list>
+        </ng-template>
     </button>
     <span tuiNavigationLogo>
         <tui-icon icon="@tui.home" />