From f7cba20b2ee778930ef0c8ec0ede842feadd0045 Mon Sep 17 00:00:00 2001
From: Jose Manuel Serrano Amaut <a20122128@pucp.pe>
Date: Thu, 9 Mar 2023 00:35:01 -0500
Subject: [PATCH] [REF]: Improve black gradient layer for upload layer
---
.../components/file-card/FileCard.scss | 20 +++++++++----------
.../FileMosaicUploadLayer.scss | 2 +-
2 files changed, 10 insertions(+), 12 deletions(-)
diff --git a/src/files-ui/components/file-card/FileCard.scss b/src/files-ui/components/file-card/FileCard.scss
index f5a67aa..a9c9ebd 100644
--- a/src/files-ui/components/file-card/FileCard.scss
+++ b/src/files-ui/components/file-card/FileCard.scss
@@ -1,4 +1,5 @@
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
+
.files-ui-file-card-main-container {
border-radius: 8px;
//overflow: hidden;
@@ -130,15 +131,11 @@
//background-color: rgba(0, 0, 0, 0.5);
background: linear-gradient(
to right,
- rgba(0, 0, 0, 0.25),
- rgba(0, 0, 0, 0.3),
- rgba(0, 0, 0, 0.5),
- rgba(0, 0, 0, 0.75),
- rgba(0, 0, 0, 0.85),
- rgba(0, 0, 0, 0.85),
- rgba(0, 0, 0, 0.85),
- rgba(0, 0, 0, 0.85),
- rgba(0, 0, 0, 0.85)
+ rgba(0, 0, 0, 0.2),
+ rgba(0, 0, 0, 0.35),
+ rgba(0, 0, 0, 0.625),
+ rgba(0, 0, 0, 0.9),
+ rgba(0, 0, 0, 0.9)
);
color: rgba(255, 255, 255, 0.8);
font-weight: 500;
@@ -155,15 +152,16 @@
//background-color: rgba(0, 0, 0, 0.5);
background: linear-gradient(
to right,
-
+ rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.3),
- rgba(0, 0, 0, 0.5),
+ rgba(0, 0, 0, 0.4),
rgba(0, 0, 0, 0.75),
rgba(0, 0, 0, 0.9),
rgba(0, 0, 0, 0.9),
rgba(0, 0, 0, 0.9),
rgba(0, 0, 0, 0.9),
rgba(0, 0, 0, 0.9),
+ rgba(0, 0, 0, 0.9),
rgba(0, 0, 0, 0.9)
);
color: rgba(255, 255, 255, 0.8);
diff --git a/src/files-ui/components/file-mosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.scss b/src/files-ui/components/file-mosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.scss
index 4ef8d67..1c4795b 100644
--- a/src/files-ui/components/file-mosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.scss
+++ b/src/files-ui/components/file-mosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.scss
@@ -1,7 +1,7 @@
.files-ui-file-mosaic-upload-layer {
width: 100%;
height: 100%;
- background-color: rgba(0, 0, 0, 0.5);
+ background-color: rgba(0, 0, 0, 0.65);
color: rgba(255, 255, 255, 0.8);
font-weight: 500;
font-size: 1em;
--
GitLab