usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update MkEmbedCodeGenDialog.vue

This commit is contained in:
syuilo 2024-08-29 14:21:22 +09:00
parent b4b8aa8ab2
commit 59e4a5cd32
1 changed files with 1 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/frontend/src/components/MkEmbedCodeGenDialog.vue
View File

@ -59,7 +59,6 @@ SPDX-License-Identifier: AGPL-3.0-only
<option value="dark">{{ i18n.ts.dark }}</option> <option value="dark">{{ i18n.ts.dark }}</option>
</MkSelect> </MkSelect>
<MkSwitch v-if="isEmbedWithScrollbar" v-model="header">{{ i18n.ts._embedCodeGen.header }}</MkSwitch> <MkSwitch v-if="isEmbedWithScrollbar" v-model="header">{{ i18n.ts._embedCodeGen.header }}</MkSwitch>
<MkSwitch v-if="isEmbedWithScrollbar" v-model="autoload">{{ i18n.ts._embedCodeGen.autoload }}</MkSwitch>
<MkSwitch v-model="rounded">{{ i18n.ts._embedCodeGen.rounded }}</MkSwitch> <MkSwitch v-model="rounded">{{ i18n.ts._embedCodeGen.rounded }}</MkSwitch>
<MkSwitch v-model="border">{{ i18n.ts._embedCodeGen.border }}</MkSwitch> <MkSwitch v-model="border">{{ i18n.ts._embedCodeGen.border }}</MkSwitch>
<MkInfo v-if="isEmbedWithScrollbar && (!maxHeight || maxHeight <= 0)" warn>{{ i18n.ts._embedCodeGen.maxHeightWarn }}</MkInfo> <MkInfo v-if="isEmbedWithScrollbar && (!maxHeight || maxHeight <= 0)" warn>{{ i18n.ts._embedCodeGen.maxHeightWarn }}</MkInfo>
@ -141,7 +140,6 @@ const phase = ref<'input' | 'result'>('input');
// 本URL生成用params // 本URL生成用params
const paramsForUrl = computed<EmbedParams>(() => ({ const paramsForUrl = computed<EmbedParams>(() => ({
header: header.value, header: header.value,
autoload: autoload.value,
maxHeight: typeof maxHeight.value === 'number' ? Math.max(0, maxHeight.value) : undefined, maxHeight: typeof maxHeight.value === 'number' ? Math.max(0, maxHeight.value) : undefined,
colorMode: colorMode.value === 'auto' ? undefined : colorMode.value, colorMode: colorMode.value === 'auto' ? undefined : colorMode.value,
rounded: rounded.value, rounded: rounded.value,
@ -162,7 +160,6 @@ const embedPreviewUrl = computed(() => {
const isEmbedWithScrollbar = computed(() => embedRouteWithScrollbar.includes(props.entity)); const isEmbedWithScrollbar = computed(() => embedRouteWithScrollbar.includes(props.entity));
const header = ref(props.params?.header ?? true); const header = ref(props.params?.header ?? true);
const autoload = ref(props.params?.autoload ?? false);
const maxHeight = ref(props.params?.maxHeight !== 0 ? props.params?.maxHeight ?? undefined : 500); const maxHeight = ref(props.params?.maxHeight !== 0 ? props.params?.maxHeight ?? undefined : 500);
const colorMode = ref<'light' | 'dark' | 'auto'>(props.params?.colorMode ?? 'auto'); const colorMode = ref<'light' | 'dark' | 'auto'>(props.params?.colorMode ?? 'auto');
@ -174,7 +171,6 @@ function applyToPreview() {
paramsForPreview.value = { paramsForPreview.value = {
header: header.value, header: header.value,
autoload: false, // プレビューはスクロールできないので常にfalse
maxHeight: typeof maxHeight.value === 'number' ? Math.max(0, maxHeight.value) : undefined, maxHeight: typeof maxHeight.value === 'number' ? Math.max(0, maxHeight.value) : undefined,
colorMode: colorMode.value === 'auto' ? undefined : colorMode.value, colorMode: colorMode.value === 'auto' ? undefined : colorMode.value,
rounded: rounded.value, rounded: rounded.value,
@ -354,6 +350,7 @@ onUnmounted(() => {
} }
.embedCodeGenPreviewIframe { .embedCodeGenPreviewIframe {
display: block;
border: none; border: none;
width: 500px; width: 500px;
color-scheme: light dark; color-scheme: light dark;