remove filter on album image on album page

This commit is contained in:
geoffrey45 2022-08-02 05:31:15 +03:00
parent bc449631a6
commit a29e4ab496
4 changed files with 5 additions and 9 deletions

View File

@ -11,7 +11,7 @@
</div>
</div>
<NavBar />
<div id="acontent">
<div id="acontent" class="rounded">
<router-view />
</div>
<SearchInput />

View File

@ -1,6 +1,5 @@
@import "../css/ProgressBar.scss";
@import "mixins.scss";
// @import "./moz.scss";
:root {
--separator: #ffffff46;

View File

@ -8,14 +8,13 @@
)`,
}"
>
<div class="art">
<div class="art rounded">
<img
:src="imguri + album.image"
alt=""
v-motion-slide-from-left
class="rounded shadow-lg"
/>
<img class="filter rounded" src="../../assets/images/noise-texture.svg" alt="" />
</div>
<div class="info" :class="{ nocontrast: isLight() }">
<div class="top" v-motion-slide-from-top>
@ -189,17 +188,14 @@ function theyContrast(color1: string, color2: string) {
display: flex;
align-items: flex-end;
position: relative;
overflow: hidden;
img {
height: 16rem;
aspect-ratio: 1;
object-fit: cover;
transition: all 0.2s ease-in-out;
}
.filter {
position: absolute;
// display: none;
user-select: none;
}
}

View File

@ -58,6 +58,7 @@ onBeforeRouteUpdate((to, from) => {
<style lang="scss">
#f-view-parent {
position: relative;
overflow: hidden;
.h {
font-size: 2rem;