TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-03 20:13:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

minor refactors and edits

Browse Source
This commit is contained in:
geoffrey45
2022-03-14 08:46:42 +03:00
parent 658aba45ff
commit 95a6ca03a8
5 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="./src/assets/images/icons/favicon.ico" /> <link rel="icon" href="./src/assets/icons/logo-small.svg" />
<title>MusicX</title> <title>Alice</title>
</head> </head>
<body> <body>
<noscript> <noscript>
src/App.vue
+3 -4
View File
@@ -1,5 +1,5 @@
<template> <template>
<div id="bg-blur"></div> <ContextMenu />
<div class="l-container" :class="{ collapsed: collapsed }"> <div class="l-container" :class="{ collapsed: collapsed }">
<div class="l-sidebar"> <div class="l-sidebar">
<div id="logo-container"> <div id="logo-container">
@@ -38,6 +38,7 @@ import NavBar from "./components/nav/NavBar.vue";
import Tabs from "./components/RightSideBar/Tabs.vue"; import Tabs from "./components/RightSideBar/Tabs.vue";
import SearchInput from "./components/RightSideBar/SearchInput.vue"; import SearchInput from "./components/RightSideBar/SearchInput.vue";
import useContextStore from "./stores/context.js"; import useContextStore from "./stores/context.js";
import ContextMenu from "./components/contextMenu.vue";
const context_store = useContextStore(); const context_store = useContextStore();
@@ -48,9 +49,7 @@ const collapsed = ref(false);
const app_dom = document.getElementById("app"); const app_dom = document.getElementById("app");
app_dom.addEventListener("click", (e) => { app_dom.addEventListener("click", (e) => {
const context_menu = perks.getElem("context-menu-visible", "class"); if (context_store.visible) {
console.log(e.target.offsetParent);
if (e.target.offsetParent != context_menu) {
context_store.hideContextMenu(); context_store.hideContextMenu();
} }
}); });
src/assets/css/_variables.scss
+1 -1
View File
@@ -25,7 +25,7 @@ $gray4: rgb(58, 58, 60);
$gray5: rgb(44, 44, 46); $gray5: rgb(44, 44, 46);
$red: rgb(255, 69, 58); $red: rgb(255, 69, 58);
$blue: rgb(10, 132, 255); $blue: #234ece;
$green: rgb(20, 160, 55); $green: rgb(20, 160, 55);
$yellow: rgb(255, 214, 10); $yellow: rgb(255, 214, 10);
$orange: rgb(255, 159, 10); $orange: rgb(255, 159, 10);
src/components/FolderView/Header.vue
+1 -1
View File
@@ -96,7 +96,7 @@ export default {
.play { .play {
height: 100%; height: 100%;
width: 5em; width: 5em;
background-color: rgb(5, 74, 131); background-color: $blue;
padding-left: $small; padding-left: $small;
margin-right: $small; margin-right: $small;
src/components/FolderView/SongList.vue
+10 -10
View File
@@ -88,6 +88,16 @@ function loadAlbum(title, albumartist) {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
.current {
color: $red;
}
.current:hover {
* {
color: rgb(255, 255, 255);
}
}
.thead { .thead {
display: grid; display: grid;
grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr 0.25fr; grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr 0.25fr;
@@ -127,16 +137,6 @@ function loadAlbum(title, albumartist) {
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
.current * {
color: $highlight-blue;
}
.current:hover {
* {
color: rgb(255, 255, 255);
}
}
} }
} }
</style> </style>