mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-05-13 17:35:40 +02:00
Code Releases Activity

Update room.add-object-dialog.vue

Browse Source
This commit is contained in:
syuilo
2026-04-24 11:27:08 +09:00
parent e594ad9c6f
commit 0b50aa9d13
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/frontend/src/pages/room.add-object-dialog.vue
View File

@@ -27,12 +27,13 @@ SPDX-License-Identifier: AGPL-3.0-only
>
<img :class="$style.catalogItemThumbnail" :src="`/client-assets/room/object-thumbs/${camelToKebab(def.id)}.png`"/>
<div :class="$style.catalogItemName"><MkCondensedLine :minScale="0.5">{{ def.name }}</MkCondensedLine></div>
<i v-if="Object.keys(def.options.schema).length > 0" :class="$style.catalogItemCustomizable" class="ti ti-tool"></i>
</div>
</div>
<div v-show="selectedId != null" :class="$style.preview" class="_panel">
<canvas ref="canvas" :class="$style.canvas"></canvas>
<MkButton :class="$style.unselectButton" small iconOnly @click="selectedId = null"><i class="ti ti-x"></i></MkButton>
<MkButton v-if="selectedObjectDef != null && Object.keys(selectedObjectDef.options.schema).length > 0" :class="$style.customizeButton" small iconOnly @click="showObjectOptions = !showObjectOptions"><i class="ti ti-settings"></i></MkButton>
<MkButton v-if="selectedObjectDef != null && Object.keys(selectedObjectDef.options.schema).length > 0" :class="$style.customizeButton" small iconOnly @click="showObjectOptions = !showObjectOptions"><i class="ti ti-tool"></i></MkButton>
<Transition
:enterActiveClass="prefer.s.animation ? $style.transition_options_enterActive : ''"
@@ -151,6 +152,7 @@ async function cancel() {
}
.catalogItem {
position: relative;
padding: 12px;
border: 1px solid var(--border-color);
border-radius: 4px;
@@ -170,6 +172,14 @@ async function cancel() {
text-align: center;
}
.catalogItemCustomizable {
position: absolute;
top: 10px;
right: 10px;
color: var(--MI_THEME-accent);
opacity: 0.5;
}
.preview {
position: absolute;
top: 0;