oat
/
cohost-blogger
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix comment rendering 

pfp borders should work on chrome now; images can't clip out of bounds
This commit is contained in:
Jill 2023-05-18 05:43:43 +03:00
parent ace334e5a3
commit c1ebc92daf
Signed by: oat
GPG Key ID: 33489AA58A955108
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/Comment.svelte
View File

@ -97,6 +97,7 @@
:global(img) {
margin-top: 2em;
margin-bottom: 2em;
max-width: 100%;
}
}
}

7
src/lib/ProfilePicture.svelte
View File

@ -82,11 +82,15 @@
}
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
&.mask-squircle {
mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
}
&.mask-roundrect {
@ -101,14 +105,17 @@
&.mask-egg {
mask-image: url('/masks/egg.svg');
-webkit-mask-image: url('/masks/egg.svg');
}
&.mask-capsule-big {
mask-image: url('/masks/capsule-big.svg');
-webkit-mask-image: url('/masks/capsule-big.svg');
}
&.mask-capsule-small {
mask-image: url('/masks/capsule-small.svg');
-webkit-mask-image: url('/masks/capsule-small.svg');
}
}
}