jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-11-08 18:31:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(desktop): mask composer rounded corners (#2165)

Browse Source
This commit is contained in:
thomaspblock
2026-07-20 13:58:56 +02:00
committed by GitHub
parent 4fe3835e76
commit 8024ce72ef
4 changed files with 75 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
desktop/src/shared/styles/globals/composer.css
View File

@@ -1,3 +1,42 @@
.composer-overlay-corner-masks::before,
.composer-overlay-corner-masks::after {
position: absolute;
bottom: 2.5rem;
z-index: 0;
width: 1rem;
height: 1rem;
background: hsl(var(--background));
content: "";
}
.composer-overlay-corner-masks::before {
left: 1.25rem;
mask-image: radial-gradient(
circle at top right,
transparent 0 1rem,
black calc(1rem + 0.5px)
);
-webkit-mask-image: radial-gradient(
circle at top right,
transparent 0 1rem,
black calc(1rem + 0.5px)
);
}
.composer-overlay-corner-masks::after {
right: 1.25rem;
mask-image: radial-gradient(
circle at top left,
transparent 0 1rem,
black calc(1rem + 0.5px)
);
-webkit-mask-image: radial-gradient(
circle at top left,
transparent 0 1rem,
black calc(1rem + 0.5px)
);
}
.rich-text-composer .tiptap {
outline: none;
min-height: 1lh;