mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-05 04:53:01 +00:00
remove filter on album image on album page
This commit is contained in:
+1
-1
@@ -11,7 +11,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<NavBar />
|
<NavBar />
|
||||||
<div id="acontent">
|
<div id="acontent" class="rounded">
|
||||||
<router-view />
|
<router-view />
|
||||||
</div>
|
</div>
|
||||||
<SearchInput />
|
<SearchInput />
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
@import "../css/ProgressBar.scss";
|
@import "../css/ProgressBar.scss";
|
||||||
@import "mixins.scss";
|
@import "mixins.scss";
|
||||||
// @import "./moz.scss";
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--separator: #ffffff46;
|
--separator: #ffffff46;
|
||||||
|
|||||||
@@ -8,14 +8,13 @@
|
|||||||
)`,
|
)`,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<div class="art">
|
<div class="art rounded">
|
||||||
<img
|
<img
|
||||||
:src="imguri + album.image"
|
:src="imguri + album.image"
|
||||||
alt=""
|
alt=""
|
||||||
v-motion-slide-from-left
|
v-motion-slide-from-left
|
||||||
class="rounded shadow-lg"
|
class="rounded shadow-lg"
|
||||||
/>
|
/>
|
||||||
<img class="filter rounded" src="../../assets/images/noise-texture.svg" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
<div class="info" :class="{ nocontrast: isLight() }">
|
<div class="info" :class="{ nocontrast: isLight() }">
|
||||||
<div class="top" v-motion-slide-from-top>
|
<div class="top" v-motion-slide-from-top>
|
||||||
@@ -189,17 +188,14 @@ function theyContrast(color1: string, color2: string) {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: 16rem;
|
height: 16rem;
|
||||||
aspect-ratio: 1;
|
aspect-ratio: 1;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
}
|
user-select: none;
|
||||||
|
|
||||||
.filter {
|
|
||||||
position: absolute;
|
|
||||||
// display: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -58,6 +58,7 @@ onBeforeRouteUpdate((to, from) => {
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
#f-view-parent {
|
#f-view-parent {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
.h {
|
.h {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user