replaced ti-hourglass-empty and ti-search

This commit is contained in:
dakkar 2024-06-21 18:03:27 +01:00
parent a25f13cb67
commit 48d29fa1ae
18 changed files with 23 additions and 21 deletions

View file

@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
> >
<template v-if="!wait"> <template v-if="!wait">
<template v-if="hasPendingFollowRequestFromYou && user.isLocked"> <template v-if="hasPendingFollowRequestFromYou && user.isLocked">
<span v-if="full" :class="$style.text">{{ i18n.ts.followRequestPending }}</span><i class="ph-hourglass ph-bold ph-lg"></i> <span v-if="full" :class="$style.text">{{ i18n.ts.followRequestPending }}</span><i class="ti ti-hourglass-empty"></i>
</template> </template>
<template v-else-if="hasPendingFollowRequestFromYou && !user.isLocked"> <template v-else-if="hasPendingFollowRequestFromYou && !user.isLocked">
<!-- つまりリモートフォローの場合 --> <!-- つまりリモートフォローの場合 -->

View file

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div :class="$style.root"> <div :class="$style.root">
<input v-model="query" :class="$style.input" type="search" :placeholder="q"> <input v-model="query" :class="$style.input" type="search" :placeholder="q">
<button :class="$style.button" @click="search"><i class="ph-magnifying-glass ph-bold ph-lg"></i> {{ i18n.ts.searchByGoogle }}</button> <button :class="$style.button" @click="search"><i class="ti ti-search"></i> {{ i18n.ts.searchByGoogle }}</button>
</div> </div>
</template> </template>

View file

@ -58,7 +58,7 @@ export const navbarItemDef = reactive({
}, },
search: { search: {
title: i18n.ts.search, title: i18n.ts.search,
icon: 'ph-magnifying-glass ph-bold ph-lg', icon: 'ti ti-search',
to: '/search', to: '/search',
}, },
lookup: { lookup: {

View file

@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="query"> <div class="query">
<MkInput v-model="q" class="" :placeholder="i18n.ts.search" autocapitalize="off"> <MkInput v-model="q" class="" :placeholder="i18n.ts.search" autocapitalize="off">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
</MkInput> </MkInput>
<!-- たくさんあると邪魔 <!-- たくさんあると邪魔

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps"> <div class="_gaps">
<div> <div>
<MkInput v-model="host" :debounce="true" class=""> <MkInput v-model="host" :debounce="true" class="">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
<template #label>{{ i18n.ts.host }}</template> <template #label>{{ i18n.ts.host }}</template>
</MkInput> </MkInput>
<FormSplit style="margin-top: var(--margin);"> <FormSplit style="margin-top: var(--margin);">

View file

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps"> <div class="_gaps">
<div> <div>
<MkInput v-model="host" :debounce="true" class=""> <MkInput v-model="host" :debounce="true" class="">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
<template #label>{{ i18n.ts.host }}</template> <template #label>{{ i18n.ts.host }}</template>
</MkInput> </MkInput>
<FormSplit style="margin-top: var(--margin);"> <FormSplit style="margin-top: var(--margin);">

View file

@ -75,7 +75,7 @@ function clear() {
const headerActions = computed(() => [{ const headerActions = computed(() => [{
text: i18n.ts.lookup, text: i18n.ts.lookup,
icon: 'ph-magnifying-glass ph-bold ph-lg', icon: 'ti ti-search',
handler: lookupFile, handler: lookupFile,
}, { }, {
text: i18n.ts.clearCachedFiles, text: i18n.ts.clearCachedFiles,

View file

@ -95,7 +95,7 @@ const menuDef = computed(() => [{
title: i18n.ts.quickAction, title: i18n.ts.quickAction,
items: [{ items: [{
type: 'button', type: 'button',
icon: 'ph-magnifying-glass ph-bold ph-lg', icon: 'ti ti-search',
text: i18n.ts.lookup, text: i18n.ts.lookup,
action: adminLookup, action: adminLookup,
}, ...(instance.disableRegistration ? [{ }, ...(instance.disableRegistration ? [{

View file

@ -76,7 +76,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #label><i class="ph-scroll ph-bold ph-lg"></i> {{ i18n.ts._role.policies }}</template> <template #label><i class="ph-scroll ph-bold ph-lg"></i> {{ i18n.ts._role.policies }}</template>
<div class="_gaps_s"> <div class="_gaps_s">
<MkInput v-model="q" type="search"> <MkInput v-model="q" type="search">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
</MkInput> </MkInput>
<MkFolder v-if="matchQuery([i18n.ts._role._options.rateLimitFactor, 'rateLimitFactor'])"> <MkFolder v-if="matchQuery([i18n.ts._role._options.rateLimitFactor, 'rateLimitFactor'])">

View file

@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #label>{{ i18n.ts._role.baseRole }}</template> <template #label>{{ i18n.ts._role.baseRole }}</template>
<div class="_gaps_s"> <div class="_gaps_s">
<MkInput v-model="baseRoleQ" type="search"> <MkInput v-model="baseRoleQ" type="search">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
</MkInput> </MkInput>
<MkFolder v-if="matchQuery([i18n.ts._role._options.rateLimitFactor, 'rateLimitFactor'])"> <MkFolder v-if="matchQuery([i18n.ts._role._options.rateLimitFactor, 'rateLimitFactor'])">

View file

@ -121,7 +121,7 @@ function show(user) {
} }
const headerActions = computed(() => [{ const headerActions = computed(() => [{
icon: 'ph-magnifying-glass ph-bold ph-lg', icon: 'ti ti-search',
text: i18n.ts.search, text: i18n.ts.search,
handler: searchUser, handler: searchUser,
}, { }, {
@ -131,7 +131,7 @@ const headerActions = computed(() => [{
handler: addUser, handler: addUser,
}, { }, {
asFullButton: true, asFullButton: true,
icon: 'ph-magnifying-glass ph-bold ph-lg', icon: 'ti ti-search',
text: i18n.ts.lookup, text: i18n.ts.lookup,
handler: lookupUser, handler: lookupUser,
}]); }]);

View file

@ -48,7 +48,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps"> <div class="_gaps">
<div> <div>
<MkInput v-model="searchQuery" @enter="search()"> <MkInput v-model="searchQuery" @enter="search()">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
</MkInput> </MkInput>
<MkButton primary rounded style="margin-top: 8px;" @click="search()">{{ i18n.ts.search }}</MkButton> <MkButton primary rounded style="margin-top: 8px;" @click="search()">{{ i18n.ts.search }}</MkButton>
</div> </div>
@ -289,7 +289,7 @@ const headerTabs = computed(() => [{
}, { }, {
key: 'search', key: 'search',
title: i18n.ts.search, title: i18n.ts.search,
icon: 'ph-magnifying-glass ph-bold ph-lg', icon: 'ti ti-search',
}]); }]);
definePageMetadata(() => ({ definePageMetadata(() => ({

View file

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="tab === 'search'" key="search"> <div v-if="tab === 'search'" key="search">
<div class="_gaps"> <div class="_gaps">
<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search"> <MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
</MkInput> </MkInput>
<MkRadios v-model="searchType" @update:modelValue="search()"> <MkRadios v-model="searchType" @update:modelValue="search()">
<option value="nameAndDescription">{{ i18n.ts._channel.nameAndDescription }}</option> <option value="nameAndDescription">{{ i18n.ts._channel.nameAndDescription }}</option>
@ -133,7 +133,7 @@ const headerActions = computed(() => [{
const headerTabs = computed(() => [{ const headerTabs = computed(() => [{
key: 'search', key: 'search',
title: i18n.ts.search, title: i18n.ts.search,
icon: 'ph-magnifying-glass ph-bold ph-lg', icon: 'ti ti-search',
}, { }, {
key: 'featured', key: 'featured',
title: i18n.ts._channel.featured, title: i18n.ts._channel.featured,

View file

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="ogwlenmc"> <div class="ogwlenmc">
<div v-if="tab === 'local'" class="local"> <div v-if="tab === 'local'" class="local">
<MkInput v-model="query" :debounce="true" type="search" autocapitalize="off"> <MkInput v-model="query" :debounce="true" type="search" autocapitalize="off">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
<template #label>{{ i18n.ts.search }}</template> <template #label>{{ i18n.ts.search }}</template>
</MkInput> </MkInput>
<MkSwitch v-model="selectMode" style="margin: 8px 0;"> <MkSwitch v-model="selectMode" style="margin: 8px 0;">
@ -45,7 +45,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-else-if="tab === 'remote'" class="remote"> <div v-else-if="tab === 'remote'" class="remote">
<FormSplit> <FormSplit>
<MkInput v-model="queryRemote" :debounce="true" type="search" autocapitalize="off"> <MkInput v-model="queryRemote" :debounce="true" type="search" autocapitalize="off">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
<template #label>{{ i18n.ts.search }}</template> <template #label>{{ i18n.ts.search }}</template>
</MkInput> </MkInput>
<MkInput v-model="host" :debounce="true"> <MkInput v-model="host" :debounce="true">

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps"> <div class="_gaps">
<div class="_gaps"> <div class="_gaps">
<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search"> <MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
</MkInput> </MkInput>
<MkFolder> <MkFolder>
<template #label>{{ i18n.ts.options }}</template> <template #label>{{ i18n.ts.options }}</template>

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps"> <div class="_gaps">
<div class="_gaps"> <div class="_gaps">
<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search"> <MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-search"></i></template>
</MkInput> </MkInput>
<MkRadios v-model="searchOrigin" @update:modelValue="search()"> <MkRadios v-model="searchOrigin" @update:modelValue="search()">
<option value="combined">{{ i18n.ts.all }}</option> <option value="combined">{{ i18n.ts.all }}</option>

View file

@ -54,6 +54,6 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({ definePageMetadata(() => ({
title: i18n.ts.search, title: i18n.ts.search,
icon: 'ph-magnifying-glass ph-bold ph-lg', icon: 'ti ti-search',
})); }));
</script> </script>

View file

@ -210,6 +210,8 @@ export function getConfig(): UserConfig {
'ti ti-mood-happy': 'ph-smiley ph-bold ph-lg', 'ti ti-mood-happy': 'ph-smiley ph-bold ph-lg',
'ti ti-leaf': 'ph-leaf ph-bold ph-lg', 'ti ti-leaf': 'ph-leaf ph-bold ph-lg',
'ti ti-hash': 'ph-hash ph-bold ph-lg', 'ti ti-hash': 'ph-hash ph-bold ph-lg',
'ti ti-hourglass-empty': 'ph-hourglass ph-bold ph-lg',
'ti ti-search': 'ph-magnifying-glass ph-bold ph-lg',
}, },
}), }),
...process.env.NODE_ENV === 'production' ...process.env.NODE_ENV === 'production'