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

🎨

This commit is contained in:
tamaina 2025-08-31 00:35:36 +09:00
parent 96dc01770e
commit b160c9428a
1 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/frontend/src/pages/qr.read.vue
View File

@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
> >
<video ref="videoEl" :class="$style.video" autoplay muted playsinline></video> <video ref="videoEl" :class="$style.video" autoplay muted playsinline></video>
<div <div
class="_spacer" :style="{ :style="{
'--MI-stickyTop': 'calc(var(--MI-stickyTop, 0px) + var(--MI-QrReadVideoHeight, 0px))', '--MI-stickyTop': 'calc(var(--MI-stickyTop, 0px) + var(--MI-QrReadVideoHeight, 0px))',
}" }"
> >
@ -21,10 +21,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<option value="users">{{ i18n.ts.users }} ({{ users.length }})</option> <option value="users">{{ i18n.ts.users }} ({{ users.length }})</option>
<option value="notes">{{ i18n.ts.notes }} ({{ notes.length }})</option> <option value="notes">{{ i18n.ts.notes }} ({{ notes.length }})</option>
</MkTab> </MkTab>
<div v-if="tab === 'users'" class="_gaps" style="padding-bottom: var(--MI-margin);"> <div v-if="tab === 'users'" :class="['_spacer', '_gaps', $style.users]" style="padding-bottom: var(--MI-margin);">
<MkUserInfo v-for="user in users" :key="user.id" :user="user"/> <MkUserInfo v-for="user in users" :key="user.id" :user="user"/>
</div> </div>
<div v-else-if="tab === 'notes'" class="_gaps" style="padding-bottom: var(--MI-margin);"> <div v-else-if="tab === 'notes'" class="_spacer _gaps" style="padding-bottom: var(--MI-margin);">
<MkNote v-for="note in notes" :key="note.id" :note="note"/> <MkNote v-for="note in notes" :key="note.id" :note="note"/>
</div> </div>
</div> </div>
@ -221,16 +221,9 @@ html[data-color-scheme=light] .video {
background-image: linear-gradient(45deg, var(--c) 16.67%, var(--MI_THEME-bg) 16.67%, var(--MI_THEME-bg) 50%, var(--c) 50%, var(--c) 66.67%, var(--MI_THEME-bg) 66.67%, var(--MI_THEME-bg) 100%); background-image: linear-gradient(45deg, var(--c) 16.67%, var(--MI_THEME-bg) 16.67%, var(--MI_THEME-bg) 50%, var(--c) 50%, var(--c) 66.67%, var(--MI_THEME-bg) 66.67%, var(--MI_THEME-bg) 100%);
} }
.listBig { .users {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(405px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: var(--MI-margin); grid-gap: var(--MI-margin);
} }
.listMini {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
grid-gap: 12px;
}
</style> </style>