octoleo/syncthing
1
0
Fork 0
mirror of https://github.com/octoleo/syncthing.git synced 2024-09-20 05:39:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use flexbox for dashboard layout

Browse Source
This commit is contained in:
Jesse Lucas 2020-03-27 21:51:40 -04:00
parent 7226a87c6d
commit 485a234263
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/dashboard/dashboard.component.html
View File

@ -1,15 +1,12 @@
<div class="grid-container" gdAreas="header header | folders devices | status-list status-list | footer footer"
gdGap="16px" gdRows="auto auto auto">
<div gdArea="header">
<h1>Tech UI</h1>
</div>
<div gdArea="folders">
<app-folder-chart></app-folder-chart>
</div>
<div gdArea="devices">
<app-device-chart></app-device-chart>
<!--<div class="grid-container" gdAreas="header header | folders devices | status-list status-list | footer footer"
gdGap="16px" gdRows="auto auto auto"> -->
<!--<div class="grid-container" fxLayout="row" fxLayoutGap="16px grid" fxLayoutAlign="stretch">-->
<div fxLayout="column" fxLayoutGap="16px" class="grid-container">
<h1>Tech UI</h1>
<div fxLayout="row" fxLayoutGap="16px" fxLayoutAlign="space-between stretch">
<app-folder-chart fxFlex="50"></app-folder-chart>
<app-device-chart fxFlex="50"></app-device-chart>
</div>
<app-status-list gdArea="status-list"></app-status-list>
<div gdArea="footer">
</div>
<div></div>
</div>