From 0bf89d9ceebb511ab7dd45c050560a8d11c23004 Mon Sep 17 00:00:00 2001
From: trivernis <trivernis@protonmail.com>
Date: Wed, 9 Feb 2022 21:07:32 +0100
Subject: [PATCH] Fix file grid background color

Signed-off-by: trivernis <trivernis@protonmail.com>
---
 .../file/file-multiview/file-grid/file-grid.component.html   | 2 +-
 .../file/file-multiview/file-grid/file-grid.component.scss   | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/mediarepo-ui/src/app/components/shared/file/file-multiview/file-grid/file-grid.component.html b/mediarepo-ui/src/app/components/shared/file/file-multiview/file-grid/file-grid.component.html
index be22ac3..1a00f17 100644
--- a/mediarepo-ui/src/app/components/shared/file/file-multiview/file-grid/file-grid.component.html
+++ b/mediarepo-ui/src/app/components/shared/file/file-multiview/file-grid/file-grid.component.html
@@ -2,7 +2,7 @@
      (keyDownEvent)="handleKeydownEvent($event)"
      (keyUpEvent)="handleKeyupEvent($event)"
      appInputReceiver
-     class="file-gallery-inner">
+     class="file-grid-inner">
     <cdk-virtual-scroll-viewport #virtualScrollGrid class="file-scroll" itemSize="260" maxBufferPx="2000"
                                  minBufferPx="500">
         <div *cdkVirtualFor="let rowEntry of partitionedGridEntries; trackBy: trackByFileRowId">
diff --git a/mediarepo-ui/src/app/components/shared/file/file-multiview/file-grid/file-grid.component.scss b/mediarepo-ui/src/app/components/shared/file/file-multiview/file-grid/file-grid.component.scss
index 9859417..17d5d76 100644
--- a/mediarepo-ui/src/app/components/shared/file/file-multiview/file-grid/file-grid.component.scss
+++ b/mediarepo-ui/src/app/components/shared/file/file-multiview/file-grid/file-grid.component.scss
@@ -1,3 +1,5 @@
+@import "src/colors";
+
 app-file-card {
     height: 250px;
     width: 100%;
@@ -9,11 +11,12 @@ app-file-card {
     width: 100%;
 }
 
-.file-gallery-inner {
+.file-grid-inner {
     width: 100%;
     height: 100%;
     display: block;
     overflow: hidden;
+    background: $background-darker-05;
 }
 
 .file-row {