mirror of
https://activitypub.software/TransFem-org/Sharkey
synced 2024-12-22 16:30:13 +00:00
replaced ti-hourglass-empty and ti-search
This commit is contained in:
parent
a25f13cb67
commit
48d29fa1ae
18 changed files with 23 additions and 21 deletions
|
@ -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">
|
||||||
<!-- つまりリモートフォローの場合。 -->
|
<!-- つまりリモートフォローの場合。 -->
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
<!-- たくさんあると邪魔
|
<!-- たくさんあると邪魔
|
||||||
|
|
|
@ -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);">
|
||||||
|
|
|
@ -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);">
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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 ? [{
|
||||||
|
|
|
@ -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'])">
|
||||||
|
|
|
@ -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'])">
|
||||||
|
|
|
@ -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,
|
||||||
}]);
|
}]);
|
||||||
|
|
|
@ -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(() => ({
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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'
|
||||||
|
|
Loading…
Reference in a new issue