mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-03 20:13:02 +00:00
minor refactors and edits
This commit is contained in:
+2
-2
@@ -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>
|
||||
|
||||
+3
-4
@@ -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();
|
||||
}
|
||||
});
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user