merge: transparency

Closes transfem-org/Sharkey#65
This commit is contained in:
Mar0xy 2023-10-15 20:07:51 +02:00
commit 870fbf9852
No known key found for this signature in database
GPG key ID: 56569BBE47D2C828
4 changed files with 18 additions and 8 deletions

View file

@ -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;