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="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 v-else-if="hasPendingFollowRequestFromYou && !user.isLocked">
<!-- つまりリモートフォローの場合 -->

View File

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<div :class="$style.root">
<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>
</template>

View File

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

View File

@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="query">
<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>
<!-- たくさんあると邪魔

View File

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps">
<div>
<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>
</MkInput>
<FormSplit style="margin-top: var(--margin);">

View File

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps">
<div>
<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>
</MkInput>
<FormSplit style="margin-top: var(--margin);">

View File

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

View File

@ -95,7 +95,7 @@ const menuDef = computed(() => [{
title: i18n.ts.quickAction,
items: [{
type: 'button',
icon: 'ph-magnifying-glass ph-bold ph-lg',
icon: 'ti ti-search',
text: i18n.ts.lookup,
action: adminLookup,
}, ...(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>
<div class="_gaps_s">
<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>
<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>
<div class="_gaps_s">
<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>
<MkFolder v-if="matchQuery([i18n.ts._role._options.rateLimitFactor, 'rateLimitFactor'])">

View File

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

View File

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

View File

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="tab === 'search'" key="search">
<div class="_gaps">
<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>
<MkRadios v-model="searchType" @update:modelValue="search()">
<option value="nameAndDescription">{{ i18n.ts._channel.nameAndDescription }}</option>
@ -133,7 +133,7 @@ const headerActions = computed(() => [{
const headerTabs = computed(() => [{
key: 'search',
title: i18n.ts.search,
icon: 'ph-magnifying-glass ph-bold ph-lg',
icon: 'ti ti-search',
}, {
key: 'featured',
title: i18n.ts._channel.featured,

View File

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="ogwlenmc">
<div v-if="tab === 'local'" class="local">
<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>
</MkInput>
<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">
<FormSplit>
<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>
</MkInput>
<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">
<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>
<MkFolder>
<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">
<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>
<MkRadios v-model="searchOrigin" @update:modelValue="search()">
<option value="combined">{{ i18n.ts.all }}</option>

View File

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

View File

@ -210,6 +210,8 @@ export function getConfig(): UserConfig {
'ti ti-mood-happy': 'ph-smiley ph-bold ph-lg',
'ti ti-leaf': 'ph-leaf 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'