fix: add same image background style to player bar to address light mode text issue (closes #38)
This commit is contained in:
parent
2d6f2cb5e7
commit
31bf193543
@ -109,6 +109,7 @@ export default {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-if="player.episode" class="footer">
|
<div v-if="player.episode" class="footer">
|
||||||
|
<img class="background" :src="player.episode.image">
|
||||||
<Loading v-if="!player.loaded" />
|
<Loading v-if="!player.loaded" />
|
||||||
<ProgressBar v-if="player.loaded" />
|
<ProgressBar v-if="player.loaded" />
|
||||||
<div v-if="player.loaded" class="player">
|
<div v-if="player.loaded" class="player">
|
||||||
@ -39,6 +40,17 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.background {
|
||||||
|
filter: blur(1rem) brightness(50%);
|
||||||
|
height: auto;
|
||||||
|
left: 0;
|
||||||
|
opacity: .4;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
background-color: rgba(66, 66, 66, .9);
|
background-color: rgba(66, 66, 66, .9);
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
Loading…
Reference in New Issue
Block a user