From 86d3f8f5b5f483d647f1f062d8363263ab47770f Mon Sep 17 00:00:00 2001 From: naskya Date: Wed, 31 Jul 2024 16:43:33 +0900 Subject: [PATCH] style: adjust modal padding --- packages/client/src/components/MkModal.vue | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/client/src/components/MkModal.vue b/packages/client/src/components/MkModal.vue index ff70b54f81..9ee7440760 100644 --- a/packages/client/src/components/MkModal.vue +++ b/packages/client/src/components/MkModal.vue @@ -635,20 +635,20 @@ defineExpose({ position: fixed; inset: 0; margin: auto; - padding: 32px; + padding: 16px; // TODO: mask-imageはiOSだとやたら重い。なんとかしたい -webkit-mask-image: linear-gradient( var(--gradient-to-block-start), rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 1) 32px, - rgba(0, 0, 0, 1) calc(100% - 32px), + rgba(0, 0, 0, 1) 16px, + rgba(0, 0, 0, 1) calc(100% - 16px), rgba(0, 0, 0, 0) 100% ); mask-image: linear-gradient( var(--gradient-to-block-start), rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 1) 32px, - rgba(0, 0, 0, 1) calc(100% - 32px), + rgba(0, 0, 0, 1) 16px, + rgba(0, 0, 0, 1) calc(100% - 16px), rgba(0, 0, 0, 0) 100% ); overflow: auto;