diff --git a/src/library/TrackList.vue b/src/library/TrackList.vue
index 70b8621..ad7e18e 100644
--- a/src/library/TrackList.vue
+++ b/src/library/TrackList.vue
@@ -2,7 +2,7 @@
-
+
#
|
@@ -27,7 +27,7 @@
@@ -35,7 +35,7 @@
style="min-width: 20px; max-width: 20px;"
@click="play(index)">
-
+
{{ item.track || 1 }}
@@ -80,11 +80,6 @@
.track-number-hover {
display: none;
}
- .current-track {
- td, a {
- color: var(--primary);
- }
- }
tr:hover {
.track-number-hover {
display: inline;
diff --git a/src/style/main.scss b/src/style/main.scss
index 45f9a42..9cec8f1 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -37,7 +37,6 @@ $input-color: $theme-text;
// Other
$progress-bg: rgb(35, 35, 35);
-$table-hover-bg: rgba(#fff, .1);
:root {
--text-muted: #{$theme-text-muted};
@@ -65,6 +64,7 @@ h1, h2, h3, h4, h5 {
}
@import './nav';
+@import './table';
$enable-print-styles: false;
$enable-responsive-font-sizes: true;
diff --git a/src/style/table.scss b/src/style/table.scss
new file mode 100644
index 0000000..8b5da5b
--- /dev/null
+++ b/src/style/table.scss
@@ -0,0 +1,13 @@
+$table-hover-bg: rgba(#fff, .1);
+
+table thead tr {
+ font-size: 80%;
+ text-transform: uppercase;
+ color: $theme-text-muted;
+}
+
+table tr.active {
+ td, td a, td svg {
+ color: var(--primary);
+ }
+}