OpenSource/misskey
OpenSource/misskey
1
0
Fork 0
mirror of https://github.com/misskey-dev/misskey.git synced 2024-12-29 09:58:36 +01:00
Code Issues Projects Releases Packages Wiki Activity

🎨

Browse source
This commit is contained in:
kakkokari-gtyih 2024-10-19 17:23:04 +09:00
parent 2290bd7bb7
commit 780ba5a182
1 changed files with 19 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
packages/frontend/src/pages/search.note.vue
View file

@ -26,22 +26,22 @@ SPDX-License-Identifier: AGPL-3.0-only
<option value="user">{{ i18n.ts._search.searchScopeUser }}</option> <option value="user">{{ i18n.ts._search.searchScopeUser }}</option>
</MkRadios> </MkRadios>
<MkInput <div v-if="searchScope === 'server'" :class="$style.subOptionRoot">
v-if="searchScope === 'server'" <MkInput
v-model="hostInput" v-model="hostInput"
large :placeholder="i18n.ts._search.serverHostPlaceholder"
:placeholder="i18n.ts._search.serverHostPlaceholder" @enter.prevent="search"
@enter.prevent="search" >
> <template #label>{{ i18n.ts._search.pleaseEnterServerHost }}</template>
<template #label>{{ i18n.ts._search.pleaseEnterServerHost }}</template> <template #prefix><i class="ti ti-server"></i></template>
<template #prefix><i class="ti ti-server"></i></template> </MkInput>
</MkInput> </div>
<div v-if="searchScope === 'user'"> <div v-if="searchScope === 'user'" :class="$style.subOptionRoot">
<div :class="$style.userSelectLabel">{{ i18n.ts._search.pleaseSelectUser }}</div> <div :class="$style.userSelectLabel">{{ i18n.ts._search.pleaseSelectUser }}</div>
<div class="_gaps"> <div class="_gaps">
<div v-if="user == null" :class="$style.userSelectButtons"> <div v-if="user == null" :class="$style.userSelectButtons">
<div v-if="$i != null" style="min-width: 30cqw;"> <div v-if="$i != null">
<MkButton <MkButton
transparent transparent
:class="$style.userSelectButton" :class="$style.userSelectButton"
@ -115,7 +115,7 @@ import { computed, ref, shallowRef, toRef } from 'vue';
import type * as Misskey from 'misskey-js'; import type * as Misskey from 'misskey-js';
import type { Paging } from '@/components/MkPagination.vue'; import type { Paging } from '@/components/MkPagination.vue';
import { $i } from '@/account.js'; import { $i } from '@/account.js';
import { host as localHost } from '@/config.js'; import { host as localHost } from '@@/js/config.js';
import { i18n } from '@/i18n.js'; import { i18n } from '@/i18n.js';
import { instance } from '@/instance.js'; import { instance } from '@/instance.js';
import * as os from '@/os.js'; import * as os from '@/os.js';
@ -316,6 +316,12 @@ async function search() {
} }
</script> </script>
<style lang="scss" module> <style lang="scss" module>
.subOptionRoot {
background: var(--MI_THEME-panel);
border-radius: var(--MI-radius);
padding: var(--MI-margin);
}
.userSelectLabel { .userSelectLabel {
font-size: 0.85em; font-size: 0.85em;
padding: 0 0 8px; padding: 0 0 8px;