mirror of
https://activitypub.software/TransFem-org/Sharkey.git
synced 2024-12-14 18:25:45 +01:00
upd: attempt at fancy blur
This commit is contained in:
parent
870fbf9852
commit
88216861a9
3 changed files with 8 additions and 3 deletions
|
@ -866,6 +866,7 @@ function readPromo() {
|
|||
position: relative;
|
||||
max-height: 9em;
|
||||
overflow: clip;
|
||||
mask: linear-gradient(black calc(100% - 64px),transparent);
|
||||
}
|
||||
|
||||
.collapsed {
|
||||
|
@ -876,7 +877,8 @@ function readPromo() {
|
|||
z-index: 2;
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
background: linear-gradient(0deg, var(--panel), var(--X15));
|
||||
//background: linear-gradient(0deg, var(--panel), var(--X15));
|
||||
backdrop-filter: blur(1.6px);
|
||||
|
||||
&:hover > .collapsedLabel {
|
||||
background: var(--panelHighlight);
|
||||
|
|
|
@ -62,7 +62,9 @@ onUnmounted(() => {
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
background: linear-gradient(0deg, var(--panel), var(--X15));
|
||||
//background: linear-gradient(0deg, var(--panel), var(--X15));
|
||||
mask: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
|
||||
backdrop-filter: blur(1.6px);
|
||||
|
||||
> .fadeLabel {
|
||||
display: inline-block;
|
||||
|
|
|
@ -71,7 +71,8 @@ const collapsed = $ref(isLong);
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
background: linear-gradient(0deg, var(--panel), var(--X15));
|
||||
mask: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
|
||||
backdrop-filter: blur(1.6px);
|
||||
|
||||
> .fadeLabel {
|
||||
display: inline-block;
|
||||
|
|
Loading…
Reference in a new issue