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

style: adjust modal padding

Browse source
This commit is contained in:
naskya 2024-07-31 16:43:33 +09:00
parent 3ff5e3fc26
commit 86d3f8f5b5
No known key found for this signature in database
GPG key ID: 712D413B3A9FED5C
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/client/src/components/MkModal.vue
View file

@ -635,20 +635,20 @@ defineExpose({
position: fixed; position: fixed;
inset: 0; inset: 0;
margin: auto; margin: auto;
padding: 32px; padding: 16px;
// TODO: mask-imageはiOSだとやたら重い。なんとかしたい // TODO: mask-imageはiOSだとやたら重い。なんとかしたい
-webkit-mask-image: linear-gradient( -webkit-mask-image: linear-gradient(
var(--gradient-to-block-start), var(--gradient-to-block-start),
rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 32px, rgba(0, 0, 0, 1) 16px,
rgba(0, 0, 0, 1) calc(100% - 32px), rgba(0, 0, 0, 1) calc(100% - 16px),
rgba(0, 0, 0, 0) 100% rgba(0, 0, 0, 0) 100%
); );
mask-image: linear-gradient( mask-image: linear-gradient(
var(--gradient-to-block-start), var(--gradient-to-block-start),
rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 32px, rgba(0, 0, 0, 1) 16px,
rgba(0, 0, 0, 1) calc(100% - 32px), rgba(0, 0, 0, 1) calc(100% - 16px),
rgba(0, 0, 0, 0) 100% rgba(0, 0, 0, 0) 100%
); );
overflow: auto; overflow: auto;