misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

test transparency on user profiles

Browse source
This commit is contained in:
Insert5StarName 2023-10-09 04:38:31 +02:00
parent f6e43ffbd2
commit bdc9619f2d
5 changed files with 22 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/frontend/src/pages/user/home.vue
View file

@ -358,6 +358,7 @@ onUnmounted(() => {
left: -100%;
top: -100%;
right: -100%;
bottom: -100%;
background-attachment: fixed;
}
@ -373,6 +374,8 @@ onUnmounted(() => {
> .main {
position: relative;
overflow: clip;
background: color-mix(in srgb, var(--panel) 65%, transparent);
backdrop-filter: blur(16px);
> .banner-container {
position: relative;
@ -726,15 +729,17 @@ onUnmounted(() => {
<style lang="scss" module>
.tl {
background: var(--bg);
background-color: rgba(0, 0, 0, 0);
border-radius: var(--radius);
overflow: clip;
z-index: 0;
}
.tab {
margin: calc(var(--margin) / 2) 0;
padding: calc(var(--margin) / 2) 0;
background: var(--bg);
background: color-mix(in srgb, var(--bg) 65%, transparent);
backdrop-filter: blur(16px);
border-radius: 5px;
> button {
border-radius: 5px;

4
packages/frontend/src/pages/user/index.listenbrainz.vue
View file

@ -1,9 +1,9 @@
<template>
<MkContainer :foldable="true">
<MkContainer>
<template #header
><i
class="ph-headphones ph-bold ph-lg"
style="margin-right: 0.5em"
style="margin-right: 0.5em;"
></i
>Music</template
>