From a29e4ab4964f0945b7f333851875e00a95bb83b7 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Tue, 2 Aug 2022 05:31:15 +0300
Subject: [PATCH] remove filter on album image on album page

---
 src/App.vue                         |  2 +-
 src/assets/css/global.scss          |  1 -
 src/components/AlbumView/Header.vue | 10 +++-------
 src/views/FolderView.vue            |  1 +
 4 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 739c4424..5a3270e1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,7 +11,7 @@
       </div>
     </div>
     <NavBar />
-    <div id="acontent">
+    <div id="acontent" class="rounded">
       <router-view />
     </div>
     <SearchInput />
diff --git a/src/assets/css/global.scss b/src/assets/css/global.scss
index bf2f69d0..2c2d4c09 100644
--- a/src/assets/css/global.scss
+++ b/src/assets/css/global.scss
@@ -1,6 +1,5 @@
 @import "../css/ProgressBar.scss";
 @import "mixins.scss";
-// @import "./moz.scss";
 
 :root {
   --separator: #ffffff46;
diff --git a/src/components/AlbumView/Header.vue b/src/components/AlbumView/Header.vue
index 45abe96d..01e36fe2 100644
--- a/src/components/AlbumView/Header.vue
+++ b/src/components/AlbumView/Header.vue
@@ -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;
     }
   }
 
diff --git a/src/views/FolderView.vue b/src/views/FolderView.vue
index 4272a3f4..dbbb0f96 100644
--- a/src/views/FolderView.vue
+++ b/src/views/FolderView.vue
@@ -58,6 +58,7 @@ onBeforeRouteUpdate((to, from) => {
 <style lang="scss">
 #f-view-parent {
   position: relative;
+  overflow: hidden;
 
   .h {
     font-size: 2rem;