HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

remove blur on mobile

Browse source
This commit is contained in:
freeplay 2023-07-06 20:31:32 -04:00
parent 6fb6959d45
commit 088e14ebeb
1 changed files with 19 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
packages/client/src/ui/visitor/kanban.vue
View file

@ -452,23 +452,25 @@ function showMenu(ev) {
> .header {
position: relative;
margin-top: -30px;
&::before {
content: "";
position: absolute;
inset: -25px calc(0px - var(--margin));
bottom: -100px;
backdrop-filter: blur(60px);
filter: brightness(1.2);
pointer-events: none;
z-index: -1;
opacity: 0.5;
clip-path: inset(55px 0 0 0 round var(--radius));
mask: linear-gradient(transparent 55px, #000 50px, transparent);
-webkit-mask: llinear-gradient(
transparent 55px,
#000 50px,
transparent
);
@media (min-width: 1099px) {
&::before {
content: "";
position: absolute;
inset: -25px calc(0px - var(--margin));
bottom: -100px;
backdrop-filter: blur(60px);
filter: brightness(1.2);
pointer-events: none;
z-index: -1;
opacity: 0.5;
clip-path: inset(55px 0 0 0 round var(--radius));
mask: linear-gradient(transparent 55px, #000 50px, transparent);
-webkit-mask: llinear-gradient(
transparent 55px,
#000 50px,
transparent
);
}
}
> .logo {
height: 80px;