natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: new posts button mobile position + webkit-mask

This commit is contained in:
freeplay 2023-06-25 17:10:10 -04:00
parent fc30217c69
commit 0a2f1d9243
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/pages/timeline.vue
View File

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