Background on thumbnails, so it´s possible to see Key

tv2 · Sep 28, 2018 · e5d1c2e · e5d1c2e
1 parent d7fa2b9
commit e5d1c2e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/assets/css/App.css b/src/assets/css/App.css
@@ -28,7 +28,7 @@ body {
   position: sticky;
   z-index: 10;
   top: 0px;
-  width: 100vw;
+  width: 100%;
   background-color: rgb(53, 53, 53);
   height: 130px;
   color: rgb(28, 115, 165);
@@ -74,6 +74,7 @@ body {
   margin-top: 6px;
   margin-bottom: 4px;
   margin-right: 8px;  
+  background-image: repeating-linear-gradient(-45deg, #2f2c43, #2e2b41 3%, #2a1938 4%); 
 }
 
 .headerPgmThumbnailImage {
@@ -87,7 +88,8 @@ body {
   height: auto;
   margin-top: 6px;
   margin-bottom: 4px;
-  margin-left: 8px;  
+  margin-left: 8px; 
+  background-image: repeating-linear-gradient(-45deg, #2f2c43, #2e2b41 3%, #2a1938 4%); 
 }
 
 .Reload-setup-background {
@@ -148,7 +150,7 @@ body {
 .mixButtonBackground {
   position: absolute;
   top: 5px;
-  right: 25px;
+  right: 15px;
   width: 300px;
   height: 115px;
   background-color: rgb(22, 22, 22);

diff --git a/src/assets/css/Thumbnail.css b/src/assets/css/Thumbnail.css
@@ -23,12 +23,14 @@
 }
 
 .thumbnailImage {
-    border-width: 4px;
+    border-width: 2px;
     border-style:  solid;
     border-color: red;
     width: 90%;
     height: auto;
     margin: 8px;
+    background-image: repeating-linear-gradient(-45deg, #94939411, #94939411 3%, #2a1938 4%); 
+
   }
 
   /* Buttons on thumbnail invisible and visible */