Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests 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

7
packages/frontend/src/components/MkContainer.vue
View file

@ -138,7 +138,8 @@ onUnmounted(() => {
position: relative;
overflow: clip;
contain: content;
background: color-mix(in srgb, var(--panel) 65%, transparent);
backdrop-filter: blur(16px);
&.naked {
background: transparent !important;
box-shadow: none !important;
@ -168,10 +169,12 @@ onUnmounted(() => {
top: var(--stickyTop, 0px);
left: 0;
color: var(--panelHeaderFg);
background: var(--panelHeaderBg);
//background: var(--panelHeaderBg);
border-bottom: solid 0.5px var(--panelHeaderDivider);
z-index: 2;
line-height: 1.4em;
background: color-mix(in srgb, var(--panelHeaderBg) 35%, transparent);
backdrop-filter: blur(16px);
}
.title {

6
packages/frontend/src/components/MkInfo.vue
View file

@ -23,13 +23,15 @@ const props = defineProps<{
.root {
padding: 12px 14px;
font-size: 90%;
background: var(--infoBg);
background: color-mix(in srgb, var(--infoBg) 65%, transparent);
backdrop-filter: blur(16px);
color: var(--infoFg);
border-radius: var(--radius);
white-space: pre-wrap;
z-index: 1;
&.warn {
background: var(--infoWarnBg);
background: color-mix(in srgb, var(--infoWarnBg) 65%, transparent);
color: var(--infoWarnFg);
}
}

6
packages/frontend/src/components/MkNotes.vue
View file

@ -56,7 +56,8 @@ defineExpose({
.root {
&.noGap {
> .notes {
background: var(--panel);
background: color-mix(in srgb, var(--panel) 65%, transparent);
backdrop-filter: blur(16px);
}
}
@ -65,7 +66,8 @@ defineExpose({
background: var(--bg);
.note {
background: var(--panel);
background: color-mix(in srgb, var(--panel) 65%, transparent);
backdrop-filter: blur(16px);
border-radius: var(--radius);
}
}