Merge pull request #101 from TeamXFive/feat/knowledge

[feat] Stylization for file upload drop location
TeamXFive · Oct 24, 2024 · 2b6a4b7 · 2b6a4b7
2 parents 6f0d7a2 + 4de60fe
commit 2b6a4b7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/style/Knowledge/Knowledge.css b/src/style/Knowledge/Knowledge.css
@@ -71,8 +71,9 @@
     transition: all 0.3s;
 }
 .dragging {
-    border-color: var(--dex-red);
-    color: var(--dex-red);
+    border: 5px solid; /* Set the border width */
+    border-image: var(--dex-linear-gradient);
+    border-image-slice: 1;
     background-color: var(--black-gray);
 }
 

diff --git a/src/style/index.css b/src/style/index.css
@@ -53,6 +53,15 @@
   --dex-red-rgb: 255, 0, 59;
   --dex-purple-rgb: 111, 66, 193;
 
+  /*Gradient*/
+  --dex-linear-gradient: linear-gradient(
+    90deg,
+    rgba(113, 59, 136, 1) 0%,
+    rgba(167, 46, 87, 1) 50%,
+    rgba(213, 25, 47, 1) 100%
+  );
+
+  /*Transition*/
   --all-500ms-custom: all .5s cubic-bezier(0.85, 0.15, 0.15, 0.85);
   --all-200ms-ease-in-out: all .2s cubic-bezier(0.85, 0.15, 0.15, 0.85);
 }