Style: updated bar colors

TheBoyRoy05 · Oct 28, 2024 · 841372f · 841372f
1 parent 0ab4886
commit 841372f
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 334 deletions.
diff --git a/src/Components/InfoCards.tsx b/src/Components/InfoCards.tsx
@@ -6,7 +6,8 @@ import Card from "./Card";
 
 const InfoCards: FC = () => {
   const { sort, stats, elapsedTime } = useSortContext();
-  const miniCard = "w-full bg-slate-700 rounded-lg p-4 text-center text-white border border-slate-500";
+  const miniCard =
+    "w-full bg-slate-700 rounded-lg p-4 text-center text-white border border-slate-500";
 
   return (
     <div className="flex gap-4 px-6">
@@ -32,7 +33,9 @@ const InfoCards: FC = () => {
         <div className={miniCard}>
           <p className="">
             {"Read more about "}
-            <a href={sortInfo[sort].link} className="underline">{capitalize(sort) + " Sort"}</a>
+            <a href={sortInfo[sort].link} target="_blank" className="underline">
+              {capitalize(sort) + " Sort"}
+            </a>
           </p>
         </div>
       </Card>
@@ -69,7 +72,11 @@ const InfoCards: FC = () => {
         <div className={miniCard}>
           <p className="read-more">
             {"Read more about "}
-            <a href={"https://www.programiz.com/dsa/asymptotic-notations"} className="underline">
+            <a
+              href={"https://www.programiz.com/dsa/asymptotic-notations"}
+              target="_blank"
+              className="underline"
+            >
               {"Asymptotic Notation"}
             </a>
           </p>

diff --git a/src/Styles/dashboard.css b/src/Styles/dashboard.css
diff --git a/src/Styles/display.css b/src/Styles/display.css
@@ -41,7 +41,7 @@
 }
 
 .bar-sorting {
-  background-color: rgb(226, 111, 230);
+  background-color: rgb(130, 58, 224);
 }
 
 .bar-sorted {

diff --git a/src/Styles/dropdown.css b/src/Styles/dropdown.css
diff --git a/src/Styles/index.css b/src/Styles/index.css
@@ -9,72 +9,3 @@
 .flex-2 {
   flex: 2 1 0;
 }
-
-/* :root {
-  --dash-bg: #3c6683;
-  --teal: #1cbc9c;
-}
-
-body {
-  padding: 0;
-  margin: 0;
-  background-color: rgb(209, 238, 236);
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-
-::-webkit-scrollbar {
-  display: none;
-}
-
-.btn:hover {
-  cursor: pointer;
-}
-
-@media (max-width: 1690px) {
-  .board {
-    flex-wrap: wrap;
-    margin: 0 calc(50vw - 380px);
-  }
-
-  .display {
-    margin: 0;
-  }
-
-  .arraysize {
-    order: 6;
-  }
-
-  .sortspeed {
-    order: 7;
-  }
-}
-
-@media (max-width: 1200px) {
-  .title {
-    position: relative;
-    margin: 0 10px 15px 0;
-  }
-
-  .dashboard {
-    flex-direction: column;
-  }
-}
-
-@media (max-width: 735px) {
-  .generate {
-    order: 3;
-  }
-
-  .sortoptions {
-    order: 4;
-  }
-
-  .settings {
-    order: 5;
-  }
-
-  .board {
-    width: 65%;
-  }
-} */
diff --git a/src/Styles/infoCards.css b/src/Styles/infoCards.css
diff --git a/src/Styles/slider.css b/src/Styles/slider.css