mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-05-14 09:55:38 +02:00
Code Releases Activity

Update room.add-object-dialog.vue

Browse Source
This commit is contained in:
syuilo
2026-04-20 20:00:41 +09:00
parent 772608ae99
commit 714bff0835
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,11 +21,12 @@ SPDX-License-Identifier: AGPL-3.0-only
<div <div
v-for="def in OBJECT_DEFS" v-for="def in OBJECT_DEFS"
:key="def.id" :key="def.id"
class="_panel"
:class="[$style.catalogItem, { [$style.selected]: selectedId === def.id }]" :class="[$style.catalogItem, { [$style.selected]: selectedId === def.id }]"
@click="selectedId = def.id" @click="selectedId = def.id"
> >
<img :class="$style.catalogItemThumbnail" :src="`/client-assets/room/object-thumbs/${camelToKebab(def.id)}.png`"/> <img :class="$style.catalogItemThumbnail" :src="`/client-assets/room/object-thumbs/${camelToKebab(def.id)}.png`"/>
<div :class="$style.catalogItemName">{{ def.name }}</div> <div :class="$style.catalogItemName"><MkCondensedLine :minScale="0.5">{{ def.name }}</MkCondensedLine></div>
</div> </div>
</div> </div>
<div v-show="selectedId != null" :class="$style.preview" class="_panel"> <div v-show="selectedId != null" :class="$style.preview" class="_panel">
@@ -96,12 +97,15 @@ async function cancel() {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-gap: 12px; grid-gap: 12px;
padding: 12px;
height: 100%; height: 100%;
box-sizing: border-box;
overflow-y: scroll; overflow-y: scroll;
background: var(--MI_THEME-bg);
} }
.catalogItem { .catalogItem {
padding: 8px; padding: 12px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;