From 95a6ca03a8f631171f0e04ebd7eb4bac583ab1df Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Mon, 14 Mar 2022 08:46:42 +0300
Subject: [PATCH] minor refactors and edits

---
 index.html                             |  4 ++--
 src/App.vue                            |  7 +++----
 src/assets/css/_variables.scss         |  2 +-
 src/components/FolderView/Header.vue   |  2 +-
 src/components/FolderView/SongList.vue | 20 ++++++++++----------
 5 files changed, 17 insertions(+), 18 deletions(-)
diff --git a/index.html b/index.html
index 00883687..7e44637c 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <link rel="icon" href="./src/assets/images/icons/favicon.ico" />
-    <title>MusicX</title>
+    <link rel="icon" href="./src/assets/icons/logo-small.svg" />
+    <title>Alice</title>
   </head>
   <body>
     <noscript>
diff --git a/src/App.vue b/src/App.vue
index 27caaebf..dcd40183 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="bg-blur"></div>
+  <ContextMenu />
   <div class="l-container" :class="{ collapsed: collapsed }">
     <div class="l-sidebar">
       <div id="logo-container">
@@ -38,6 +38,7 @@ import NavBar from "./components/nav/NavBar.vue";
 import Tabs from "./components/RightSideBar/Tabs.vue";
 import SearchInput from "./components/RightSideBar/SearchInput.vue";
 import useContextStore from "./stores/context.js";
+import ContextMenu from "./components/contextMenu.vue";
 
 const context_store = useContextStore();
 
@@ -48,9 +49,7 @@ const collapsed = ref(false);
 const app_dom = document.getElementById("app");
 
 app_dom.addEventListener("click", (e) => {
-  const context_menu = perks.getElem("context-menu-visible", "class");
-  console.log(e.target.offsetParent);
-  if (e.target.offsetParent != context_menu) {
+  if (context_store.visible) {
     context_store.hideContextMenu();
   }
 });
diff --git a/src/assets/css/_variables.scss b/src/assets/css/_variables.scss
index 5ff1f9dc..d8c67889 100644
--- a/src/assets/css/_variables.scss
+++ b/src/assets/css/_variables.scss
@@ -25,7 +25,7 @@ $gray4: rgb(58, 58, 60);
 $gray5: rgb(44, 44, 46);
 
 $red: rgb(255, 69, 58);
-$blue: rgb(10, 132, 255);
+$blue: #234ece;
 $green: rgb(20, 160, 55);
 $yellow: rgb(255, 214, 10);
 $orange: rgb(255, 159, 10);
diff --git a/src/components/FolderView/Header.vue b/src/components/FolderView/Header.vue
index c8f3138b..0c396836 100644
--- a/src/components/FolderView/Header.vue
+++ b/src/components/FolderView/Header.vue
@@ -96,7 +96,7 @@ export default {
   .play {
     height: 100%;
     width: 5em;
-    background-color: rgb(5, 74, 131);
+    background-color: $blue;
     padding-left: $small;
     margin-right: $small;
 
diff --git a/src/components/FolderView/SongList.vue b/src/components/FolderView/SongList.vue
index 28cbd5dd..eaf52411 100644
--- a/src/components/FolderView/SongList.vue
+++ b/src/components/FolderView/SongList.vue
@@ -88,6 +88,16 @@ function loadAlbum(title, albumartist) {
   height: 100%;
   overflow-y: auto;
 
+  .current {
+    color: $red;
+  }
+
+  .current:hover {
+    * {
+      color: rgb(255, 255, 255);
+    }
+  }
+
   .thead {
     display: grid;
     grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr 0.25fr;
@@ -127,16 +137,6 @@ function loadAlbum(title, albumartist) {
     &::-webkit-scrollbar {
       display: none;
     }
-
-    .current * {
-      color: $highlight-blue;
-    }
-
-    .current:hover {
-      * {
-        color: rgb(255, 255, 255);
-      }
-    }
   }
 }
 </style>
