Noded/frontend
3
0
Fork 0
Code Issues 47 Pull Requests Releases Wiki Activity

fixed sidebar with

Browse Source
This commit is contained in:
Thomas Atkins 2020-02-08 12:50:44 -06:00
parent bf1be4d3d6
commit 2488871e25
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/app.component.html
View File

@ -1,6 +1,6 @@
<ion-app> <ion-app>
<ion-split-pane when="sm"> <ion-split-pane when="sm">
<ion-menu> <ion-menu class="sidebar">
<ion-header> <ion-header>
<ion-toolbar color="primary"> <ion-toolbar color="primary">
<ion-title>Menu</ion-title> <ion-title>Menu</ion-title>
@ -14,17 +14,17 @@
</ion-list-header> </ion-list-header>
<tree-root [nodes]="nodes" [options]="options"></tree-root> <tree-root [nodes]="nodes" [options]="options"></tree-root>
<ion-item lines="full">
<ion-icon slot="start" name="moon"></ion-icon>
<ion-label>
Toggle Dark Theme
</ion-label>
<ion-toggle id="themeToggle" slot="end"></ion-toggle>
</ion-item>
</ion-list> </ion-list>
</ion-content> </ion-content>
<ion-footer>
<ion-item slot="end" lines="full">
<ion-icon slot="start" name="moon"></ion-icon>
<ion-label>
Dark mode
</ion-label>
<ion-toggle id="themeToggle" slot="end"></ion-toggle>
</ion-item>
</ion-footer>
</ion-menu> </ion-menu>
<div class="ion-page" main> <div class="ion-page" main>

3
src/app/app.component.scss
View File

@ -0,0 +1,3 @@
.sidebar {
max-width: 20em !important;
}