mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 15:34: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="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">
 | 
			
		||||
			<!-- つまりリモートフォローの場合。 -->
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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: {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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>
 | 
			
		||||
 | 
			
		||||
		<!-- たくさんあると邪魔
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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);">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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);">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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 ? [{
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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'])">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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'])">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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,
 | 
			
		||||
}]);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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(() => ({
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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'
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue