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

#81 - clean up file box dark/light mode styling
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Garrett Mills
2021-02-04 15:04:46 -06:00
parent 388a788b8b
commit f5258429af
3 changed files with 79 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/components/nodes/file-box/file-box.component.html
View File

@@ -1,4 +1,4 @@
<div class="file-box-wrapper" *ngIf="!notAvailableOffline">
<div [ngClass]="'file-box-wrapper ' + (isDark() ? 'dark' : '')" *ngIf="!notAvailableOffline">
<ion-toolbar>
<div style="display: flex; flex-direction: row">
<button
@@ -28,7 +28,7 @@
<div *ngIf="items && items.length" class="folders">
<ng-container *ngFor="let item of items">
<div class="folder item" *ngIf="item.type === 'folder'" (contextmenu)="onItemContextMenu(item, $event)" (dblclick)="onItemActivate(item)">
<div class="icon" style="color: #ecd3a9"><i class="fa fa-folder"></i></div>
<div class="icon folder"><i class="fa fa-folder"></i></div>
<div class="title">{{ item.title }}</div>
</div>
</ng-container>
@@ -36,7 +36,7 @@
<div *ngIf="items && items.length" class="files">
<ng-container *ngFor="let item of items">
<div class="folder item" *ngIf="item.type === 'file'" (contextmenu)="onItemContextMenu(item, $event)" (dblclick)="onItemActivate(item)">
<div class="icon"><i [ngClass]="categoryIcons[item.category]" [ngStyle]="{ color: categoryColors[item.category] }"></i></div>
<div [ngClass]="'icon ' + item.category"><i [ngClass]="categoryIcons[item.category]"></i></div>
<div class="title">{{ item.title }}</div>
</div>
</ng-container>