improve component spacing

+ bump up folder and album page gap to ~ 1rem
+ test out noise texture on album img on album page
+
~ although i'm still annoyed about the scrollbar space irregularities (will fix someday)
This commit is contained in:
geoffrey45
2022-08-01 00:23:39 +03:00
parent b522069d8e
commit 8fa0516b56
10 changed files with 155 additions and 63 deletions
+7
View File
@@ -15,6 +15,7 @@
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>
@@ -187,6 +188,7 @@ function theyContrast(color1: string, color2: string) {
.art {
display: flex;
align-items: flex-end;
position: relative;
img {
height: 16rem;
@@ -194,6 +196,11 @@ function theyContrast(color1: string, color2: string) {
object-fit: cover;
transition: all 0.2s ease-in-out;
}
.filter {
position: absolute;
// display: none;
}
}
.nocontrast {