diff --git a/src/renderer/logo-simple.svg b/src/renderer/logo-simple.svg new file mode 100644 index 00000000..9f78bf50 --- /dev/null +++ b/src/renderer/logo-simple.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/renderer/logotmp.afdesign b/src/renderer/logotmp.afdesign new file mode 100644 index 00000000..4d426338 Binary files /dev/null and b/src/renderer/logotmp.afdesign differ diff --git a/src/renderer/logotmp.svg b/src/renderer/logotmp.svg new file mode 100644 index 00000000..61317b00 --- /dev/null +++ b/src/renderer/logotmp.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/renderer/style.less b/src/renderer/style.less index 49b2bdf5..dcbb2e91 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -535,6 +535,13 @@ input[type=range].web-slider::-webkit-slider-runnable-track { } } +.hidden-opacity { + opacity: 0; + height: 0px; + width: 0px; + margin: 0px; +} + .app-sidebar-content::-webkit-scrollbar { display: none; } @@ -716,7 +723,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track { .app-chrome .app-chrome-item > .app-title { width: 100px; font-size: 13px; - background: url("./logotmp.png"); + background: url("./logotmp.svg"); background-size: 90px; background-repeat: no-repeat; background-position: center; @@ -801,6 +808,17 @@ input[type=range].web-slider::-webkit-slider-runnable-track { height: 1.3em; line-height: 1.3em; overflow: hidden; + max-width: 360px; + + .song-name-normal { + height: inherit; + } + + &.song-artist-marquee { + >marquee { + //margin-bottom: -3px; + } + } } .app-chrome .app-chrome-item > .app-playback-controls .song-duration p { @@ -820,7 +838,17 @@ input[type=range].web-slider::-webkit-slider-runnable-track { line-height: 1.2em;*/ overflow: hidden; z-index: 1; + max-width: 360px; /* animation: marquee 10s linear infinite; */ + + .song-artist-normal { + height: inherit; + } + &.song-artist-marquee { + >marquee { + margin-bottom: -3px; + } + } } .app-chrome .app-chrome-item > .app-playback-controls .song-progress { diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs index 0bd21c76..627e5e8f 100644 --- a/src/renderer/views/components/mediaitem-list-item.ejs +++ b/src/renderer/views/components/mediaitem-list-item.ejs @@ -19,7 +19,7 @@
@@ -56,7 +56,7 @@ {{ item.attributes.genreNames[0] ?? "" }} -
+
{{ msToMinSec(item.attributes.durationInMillis ?? 0) }}
@@ -71,7 +71,8 @@ isVisible: false, addedToLibrary: false, guid: this.uuidv4(), - app: this.$root + app: this.$root, + displayDuration: true } }, props: { @@ -84,6 +85,13 @@ 'show-duration': {type: Boolean, default: true}, 'contextExt': {type: Object, required: false}, }, + mounted() { + let duration = this.item.attributes.durationInMillis ?? 0 + console.log(duration) + if(duration == 0 || !this.showDuration) { + this.displayDuration = false + } + }, methods: { uuidv4() { return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>