diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 19:55:56 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 19:55:56 +0900 |
| commit | 0a1ff77f23f0fdbc569f6184bad74ae86cd45a2e (patch) | |
| tree | 843a0a59cd57214f4aa2611509270746cb2f9725 /packages/frontend/src/components/MkRoleSelectDialog.vue | |
| parent | Update CHANGELOG.md (diff) | |
| download | sharkey-0a1ff77f23f0fdbc569f6184bad74ae86cd45a2e.tar.gz sharkey-0a1ff77f23f0fdbc569f6184bad74ae86cd45a2e.tar.bz2 sharkey-0a1ff77f23f0fdbc569f6184bad74ae86cd45a2e.zip | |
perf(frontend): use css-native implementation for spacer rather than vue component
Diffstat (limited to 'packages/frontend/src/components/MkRoleSelectDialog.vue')
| -rw-r--r-- | packages/frontend/src/components/MkRoleSelectDialog.vue | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkRoleSelectDialog.vue b/packages/frontend/src/components/MkRoleSelectDialog.vue index fd56e4902c..6888824437 100644 --- a/packages/frontend/src/components/MkRoleSelectDialog.vue +++ b/packages/frontend/src/components/MkRoleSelectDialog.vue @@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only @closed="emit('closed')" > <template #header>{{ title }}</template> - <MkSpacer :marginMin="20" :marginMax="28"> + <div class="_spacer" style="--MI_SPACER-min: 20px; --MI_SPACER-max: 28px;"> <MkLoading v-if="fetching"/> <div v-else class="_gaps" :class="$style.root"> <div :class="$style.header"> @@ -38,7 +38,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkButton @click="onCancelClicked">{{ i18n.ts.cancel }}</MkButton> </div> </div> - </MkSpacer> + </div> </MkModalWindow> </template> @@ -51,7 +51,6 @@ import MkInfo from '@/components/MkInfo.vue'; import MkRolePreview from '@/components/MkRolePreview.vue'; import { misskeyApi } from '@/utility/misskey-api.js'; import * as os from '@/os.js'; -import MkSpacer from '@/components/global/MkSpacer.vue'; import MkModalWindow from '@/components/MkModalWindow.vue'; import MkLoading from '@/components/global/MkLoading.vue'; |