fix: new posts button mobile position + webkit-mask
This commit is contained in:
parent
fc30217c69
commit
0a2f1d9243
1 changed files with 2 additions and 0 deletions
|
@ -349,6 +349,7 @@ onMounted(() => {
|
||||||
top: calc(var(--stickyTop, 0px) - 60px);
|
top: calc(var(--stickyTop, 0px) - 60px);
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
width: 600px;
|
width: 600px;
|
||||||
|
max-width: 100%;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
margin-inline: auto;
|
margin-inline: auto;
|
||||||
|
@ -361,6 +362,7 @@ onMounted(() => {
|
||||||
inset: 0;
|
inset: 0;
|
||||||
border: 2px solid var(--accent);
|
border: 2px solid var(--accent);
|
||||||
mask: linear-gradient(to right, transparent,black 40% 60%,transparent);
|
mask: linear-gradient(to right, transparent,black 40% 60%,transparent);
|
||||||
|
-webkit-mask: linear-gradient(to right, transparent,black 40% 60%,transparent);
|
||||||
}
|
}
|
||||||
> button {
|
> button {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in a new issue