mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-26 16:53:09 +02:00
commit
870fbf9852
4 changed files with 18 additions and 8 deletions
|
@ -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,11 @@ onUnmounted(() => {
|
|||
top: var(--stickyTop, 0px);
|
||||
left: 0;
|
||||
color: var(--panelHeaderFg);
|
||||
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 {
|
||||
|
|
|
@ -23,14 +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);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -373,6 +373,7 @@ onUnmounted(() => {
|
|||
left: -100%;
|
||||
top: -100%;
|
||||
right: -100%;
|
||||
bottom: -100%;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
|
@ -388,6 +389,8 @@ onUnmounted(() => {
|
|||
> .main {
|
||||
position: relative;
|
||||
overflow: clip;
|
||||
background: color-mix(in srgb, var(--panel) 65%, transparent);
|
||||
backdrop-filter: blur(16px);
|
||||
|
||||
> .banner-container {
|
||||
position: relative;
|
||||
|
@ -741,15 +744,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;
|
||||
|
|
Loading…
Reference in a new issue