mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-10-31 13:34:12 +00:00 
			
		
		
		
	replaced ti-home
This commit is contained in:
		
							parent
							
								
									d83438dea2
								
							
						
					
					
						commit
						bdbcb55a81
					
				
					 23 changed files with 27 additions and 26 deletions
				
			
		|  | @ -40,7 +40,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 				<MkTime :time="note.createdAt"/> | ||||
| 			</button> | ||||
| 			<span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]"> | ||||
| 				<i v-if="note.visibility === 'home'" class="ph-house ph-bold ph-lg"></i> | ||||
| 				<i v-if="note.visibility === 'home'" class="ti ti-home"></i> | ||||
| 				<i v-else-if="note.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> | ||||
| 				<i v-else-if="note.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> | ||||
| 			</span> | ||||
|  |  | |||
|  | @ -36,7 +36,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 				<MkTime :time="note.createdAt"/> | ||||
| 			</button> | ||||
| 			<span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]"> | ||||
| 				<i v-if="note.visibility === 'home'" class="ph-house ph-bold ph-lg"></i> | ||||
| 				<i v-if="note.visibility === 'home'" class="ti ti-home"></i> | ||||
| 				<i v-else-if="note.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> | ||||
| 				<i v-else-if="note.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> | ||||
| 			</span> | ||||
|  | @ -54,7 +54,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 					<span v-if="appearNote.user.isBot" :class="$style.isBot">bot</span> | ||||
| 					<div :class="$style.noteHeaderInfo"> | ||||
| 						<span v-if="appearNote.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[appearNote.visibility]"> | ||||
| 							<i v-if="appearNote.visibility === 'home'" class="ph-house ph-bold ph-lg"></i> | ||||
| 							<i v-if="appearNote.visibility === 'home'" class="ti ti-home"></i> | ||||
| 							<i v-else-if="appearNote.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> | ||||
| 							<i v-else-if="appearNote.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> | ||||
| 						</span> | ||||
|  |  | |||
|  | @ -24,7 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			<MkTime :time="note.createdAt" colored/> | ||||
| 		</MkA> | ||||
| 		<span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]"> | ||||
| 			<i v-if="note.visibility === 'home'" class="ph-house ph-bold ph-lg"></i> | ||||
| 			<i v-if="note.visibility === 'home'" class="ti ti-home"></i> | ||||
| 			<i v-else-if="note.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> | ||||
| 			<i v-else-if="note.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> | ||||
| 		</span> | ||||
|  |  | |||
|  | @ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			<template v-if="!(channel != null && fixed)"> | ||||
| 				<button v-if="channel == null" ref="visibilityButton" v-click-anime v-tooltip="i18n.ts.visibility" :class="['_button', $style.headerRightItem, $style.visibility]" @click="setVisibility"> | ||||
| 					<span v-if="visibility === 'public'"><i class="ph-globe-hemisphere-west ph-bold ph-lg"></i></span> | ||||
| 					<span v-if="visibility === 'home'"><i class="ph-house ph-bold ph-lg"></i></span> | ||||
| 					<span v-if="visibility === 'home'"><i class="ti ti-home"></i></span> | ||||
| 					<span v-if="visibility === 'followers'"><i class="ph-lock ph-bold ph-lg"></i></span> | ||||
| 					<span v-if="visibility === 'specified'"><i class="ph-envelope ph-bold ph-lg"></i></span> | ||||
| 					<span :class="$style.headerRightButtonText">{{ i18n.ts._visibility[visibility] }}</span> | ||||
|  |  | |||
|  | @ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		<div class="_gaps"> | ||||
| 			<div>{{ i18n.ts._initialTutorial._postNote._visibility.description }}</div> | ||||
| 			<div><i class="ph-globe-hemisphere-west ph-bold ph-lg"></i> <b>{{ i18n.ts._visibility.public }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.public }}</div> | ||||
| 			<div><i class="ph-house ph-bold ph-lg"></i> <b>{{ i18n.ts._visibility.home }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.home }}</div> | ||||
| 			<div><i class="ti ti-home"></i> <b>{{ i18n.ts._visibility.home }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.home }}</div> | ||||
| 			<div><i class="ph-lock ph-bold ph-lg"></i> <b>{{ i18n.ts._visibility.followers }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.followers }}</div> | ||||
| 			<div class="_gaps_s"> | ||||
| 				<div><i class="ph-envelope ph-bold ph-lg"></i> <b>{{ i18n.ts._visibility.specified }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.direct }}</div> | ||||
|  |  | |||
|  | @ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| <div class="_gaps"> | ||||
| 	<div style="text-align: center; padding: 0 16px;">{{ i18n.ts._initialTutorial._timeline.description1 }}</div> | ||||
| 	<div class="_gaps_s"> | ||||
| 		<div><i class="ph-house ph-bold pg-lg"></i> <b>{{ i18n.ts._timelines.home }}</b> … {{ i18n.ts._initialTutorial._timeline.home }}</div> | ||||
| 		<div><i class="ti ti-home"></i> <b>{{ i18n.ts._timelines.home }}</b> … {{ i18n.ts._initialTutorial._timeline.home }}</div> | ||||
| 		<div><i class="ti ti-planet"></i> <b>{{ i18n.ts._timelines.local }}</b> … {{ i18n.ts._initialTutorial._timeline.local }}</div> | ||||
| 		<div><i class="ph-rocket-launch ph-bold ph-lg"></i> <b>{{ i18n.ts._timelines.social }}</b> … {{ i18n.ts._initialTutorial._timeline.social }}</div> | ||||
| 		<div><i class="ph-globe-hemisphere-west ph-bold ph-lg"></i> <b>{{ i18n.ts._timelines.global }}</b> … {{ i18n.ts._initialTutorial._timeline.global }}</div> | ||||
|  |  | |||
|  | @ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| > | ||||
| 	<template v-if="page === 1" #header><i class="ph-pencil-simple ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._note.title }}</template> | ||||
| 	<template v-else-if="page === 2" #header><i class="ph-smiley ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._reaction.title }}</template> | ||||
| 	<template v-else-if="page === 3" #header><i class="ph-house ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._timeline.title }}</template> | ||||
| 	<template v-else-if="page === 3" #header><i class="ti ti-home"></i> {{ i18n.ts._initialTutorial._timeline.title }}</template> | ||||
| 	<template v-else-if="page === 4" #header><i class="ph-plus ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._postNote.title }}</template> | ||||
| 	<template v-else-if="page === 5" #header><i class="ph-eye-slash ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._howToMakeAttachmentsSensitive.title }}</template> | ||||
| 	<template v-else #header>{{ i18n.ts._initialTutorial.title }}</template> | ||||
|  |  | |||
|  | @ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			</div> | ||||
| 		</button> | ||||
| 		<button key="home" :disabled="isReplyVisibilitySpecified" class="_button" :class="[$style.item, { [$style.active]: v === 'home' }]" data-index="2" @click="choose('home')"> | ||||
| 			<div :class="$style.icon"><i class="ph-house ph-bold ph-lg"></i></div> | ||||
| 			<div :class="$style.icon"><i class="ti ti-home"></i></div> | ||||
| 			<div :class="$style.body"> | ||||
| 				<span :class="$style.itemTitle">{{ i18n.ts._visibility.home }}</span> | ||||
| 				<span :class="$style.itemDescription">{{ i18n.ts._visibility.homeDescription }}</span> | ||||
|  |  | |||
|  | @ -59,7 +59,7 @@ export const Icon = { | |||
| 		tabs: [ | ||||
| 			{ | ||||
| 				...OneTab.args.tabs[0], | ||||
| 				icon: 'ph-house ph-bold ph-lg', | ||||
| 				icon: 'ti ti-home', | ||||
| 			}, | ||||
| 		], | ||||
| 	}, | ||||
|  |  | |||
|  | @ -281,7 +281,7 @@ const headerTabs = computed(() => [{ | |||
| }, { | ||||
| 	key: 'timeline', | ||||
| 	title: i18n.ts.timeline, | ||||
| 	icon: 'ph-house ph-bold ph-lg', | ||||
| 	icon: 'ti ti-home', | ||||
| }, { | ||||
| 	key: 'featured', | ||||
| 	title: i18n.ts.featured, | ||||
|  |  | |||
|  | @ -293,7 +293,7 @@ const headerTabs = computed(() => [...(defaultStore.reactiveState.pinnedUserList | |||
| }))), { | ||||
| 	key: 'home', | ||||
| 	title: i18n.ts._timelines.home, | ||||
| 	icon: 'ph-house ph-bold ph-lg', | ||||
| 	icon: 'ti ti-home', | ||||
| 	iconOnly: true, | ||||
| }, ...(isLocalTimelineAvailable ? [{ | ||||
| 	key: 'local', | ||||
|  | @ -349,7 +349,7 @@ const headerTabsWhenNotLogin = computed(() => [ | |||
| 
 | ||||
| definePageMetadata(() => ({ | ||||
| 	title: i18n.ts.timeline, | ||||
| 	icon: src.value === 'local' ? 'ti ti-planet' : src.value === 'social' ? 'ph-rocket-launch ph-bold ph-lg' : src.value === 'global' ? 'ph-globe-hemisphere-west ph-bold ph-lg' : src.value === 'bubble' ? 'ph-drop ph-bold ph-lg' : 'ph-house ph-bold ph-lg', | ||||
| 	icon: src.value === 'local' ? 'ti ti-planet' : src.value === 'social' ? 'ph-rocket-launch ph-bold ph-lg' : src.value === 'global' ? 'ph-globe-hemisphere-west ph-bold ph-lg' : src.value === 'bubble' ? 'ph-drop ph-bold ph-lg' : 'ti ti-home', | ||||
| })); | ||||
| </script> | ||||
| 
 | ||||
|  |  | |||
|  | @ -83,7 +83,7 @@ const headerActions = computed(() => []); | |||
| const headerTabs = computed(() => user.value ? [{ | ||||
| 	key: 'home', | ||||
| 	title: i18n.ts.overview, | ||||
| 	icon: 'ph-house ph-bold ph-lg', | ||||
| 	icon: 'ti ti-home', | ||||
| }, { | ||||
| 	key: 'notes', | ||||
| 	title: i18n.ts.notes, | ||||
|  |  | |||
|  | @ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 	</div> | ||||
| 	<div :class="$style.middle"> | ||||
| 		<MkA :class="$style.item" :activeClass="$style.active" to="/" exact> | ||||
| 			<i :class="$style.itemIcon" class="ph-house ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.timeline }}</span> | ||||
| 			<i :class="$style.itemIcon" class="ti ti-home ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.timeline }}</span> | ||||
| 		</MkA> | ||||
| 		<template v-for="item in menu"> | ||||
| 			<div v-if="item === '-'" :class="$style.divider"></div> | ||||
|  |  | |||
|  | @ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		</div> | ||||
| 		<div :class="$style.middle"> | ||||
| 			<MkA v-tooltip.noDelay.right="i18n.ts.timeline" :class="$style.item" :activeClass="$style.active" to="/" exact> | ||||
| 				<i :class="$style.itemIcon" class="ph-house ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.timeline }}</span> | ||||
| 				<i :class="$style.itemIcon" class="ti ti-home ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.timeline }}</span> | ||||
| 			</MkA> | ||||
| 			<template v-for="item in menu"> | ||||
| 				<div v-if="item === '-'" :class="$style.divider"></div> | ||||
|  |  | |||
|  | @ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 				<img :src="instance.iconUrl ?? instance.faviconUrl ?? '/favicon.ico'" class="_ghost"/> | ||||
| 			</button> | ||||
| 			<MkA v-click-anime v-tooltip="i18n.ts.timeline" class="item index" activeClass="active" to="/" exact> | ||||
| 				<i class="ph-house ph-bold ph-lg ti-fw"></i> | ||||
| 				<i class="ti ti-home ti-fw"></i> | ||||
| 			</MkA> | ||||
| 			<template v-for="item in menu"> | ||||
| 				<div v-if="item === '-'" class="divider"></div> | ||||
|  |  | |||
|  | @ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 	</div> | ||||
| 	<div class="divider"></div> | ||||
| 	<MkA v-click-anime class="item index" activeClass="active" to="/" exact> | ||||
| 		<i class="ph-house ph-bold ph-lg ti-fw"></i><span class="text">{{ i18n.ts.timeline }}</span> | ||||
| 		<i class="ti ti-home ti-fw"></i><span class="text">{{ i18n.ts.timeline }}</span> | ||||
| 	</MkA> | ||||
| 	<template v-for="item in menu"> | ||||
| 		<div v-if="item === '-'" class="divider"></div> | ||||
|  |  | |||
|  | @ -51,7 +51,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 
 | ||||
| 	<div v-if="isMobile" :class="$style.nav"> | ||||
| 		<button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ph-list ph-bold ph-lg-2"></i><span v-if="menuIndicated" :class="$style.navButtonIndicator"><i class="_indicatorCircle"></i></span></button> | ||||
| 		<button :class="$style.navButton" class="_button" @click="mainRouter.push('/')"><i :class="$style.navButtonIcon" class="ph-house ph-bold ph-lg"></i></button> | ||||
| 		<button :class="$style.navButton" class="_button" @click="mainRouter.push('/')"><i :class="$style.navButtonIcon" class="ti ti-home"></i></button> | ||||
| 		<button :class="$style.navButton" class="_button" @click="mainRouter.push('/my/notifications')"> | ||||
| 			<i :class="$style.navButtonIcon" class="ph-bell ph-bold ph-lg"></i> | ||||
| 			<span v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator"> | ||||
|  |  | |||
|  | @ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| <template> | ||||
| <XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="() => timeline.reloadTimeline()"> | ||||
| 	<template #header> | ||||
| 		<i v-if="column.tl === 'home'" class="ph-house ph-bold ph-lg"></i> | ||||
| 		<i v-if="column.tl === 'home'" class="ti ti-home"></i> | ||||
| 		<i v-else-if="column.tl === 'local'" class="ti ti-planet"></i> | ||||
| 		<i v-else-if="column.tl === 'social'" class="ph-rocket-launch ph-bold ph-lg"></i> | ||||
| 		<i v-else-if="column.tl === 'bubble'" class="ph-thumb-up ph-bold ph-lg"></i> | ||||
|  |  | |||
|  | @ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 
 | ||||
| 	<div v-if="isMobile" ref="navFooter" :class="$style.nav"> | ||||
| 		<button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ph-list ph-bold ph-lg-2"></i><span v-if="menuIndicated" :class="$style.navButtonIndicator"><i class="_indicatorCircle"></i></span></button> | ||||
| 		<button :class="$style.navButton" class="_button" @click="isRoot ? top() : mainRouter.push('/')"><i :class="$style.navButtonIcon" class="ph-house ph-bold ph-lg"></i></button> | ||||
| 		<button :class="$style.navButton" class="_button" @click="isRoot ? top() : mainRouter.push('/')"><i :class="$style.navButtonIcon" class="ti ti-home"></i></button> | ||||
| 		<button :class="$style.navButton" class="_button" @click="mainRouter.push('/my/notifications')"> | ||||
| 			<i :class="$style.navButtonIcon" class="ph-bell ph-bold ph-lg"></i> | ||||
| 			<span v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator"> | ||||
|  |  | |||
|  | @ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 	<div class="main"> | ||||
| 		<div v-if="!isRoot" class="header"> | ||||
| 			<div v-if="narrow === false" class="wide"> | ||||
| 				<MkA to="/" class="link" activeClass="active"><i class="ph-house ph-bold ph-lg icon"></i> {{ i18n.ts.home }}</MkA> | ||||
| 				<MkA to="/" class="link" activeClass="active"><i class="ti ti-home icon"></i> {{ i18n.ts.home }}</MkA> | ||||
| 				<MkA v-if="isTimelineAvailable" to="/timeline" class="link" activeClass="active"><i class="ph-chat-text ph-bold ph-lg icon"></i> {{ i18n.ts.timeline }}</MkA> | ||||
| 				<MkA to="/explore" class="link" activeClass="active"><i class="ph-hash ph-bold ph-lg icon"></i> {{ i18n.ts.explore }}</MkA> | ||||
| 				<MkA to="/channels" class="link" activeClass="active"><i class="ph-television ph-bold ph-lg icon"></i> {{ i18n.ts.channel }}</MkA> | ||||
|  | @ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 
 | ||||
| 	<Transition :name="'tray'"> | ||||
| 		<div v-if="showMenu" class="menu"> | ||||
| 			<MkA to="/" class="link" activeClass="active"><i class="ph-house ph-bold ph-lg icon"></i>{{ i18n.ts.home }}</MkA> | ||||
| 			<MkA to="/" class="link" activeClass="active"><i class="ti ti-home icon"></i>{{ i18n.ts.home }}</MkA> | ||||
| 			<MkA v-if="isTimelineAvailable" to="/timeline" class="link" activeClass="active"><i class="ph-chat-text ph-bold ph-lg icon"></i>{{ i18n.ts.timeline }}</MkA> | ||||
| 			<MkA to="/explore" class="link" activeClass="active"><i class="ph-hash ph-bold ph-lg icon"></i>{{ i18n.ts.explore }}</MkA> | ||||
| 			<MkA to="/announcements" class="link" activeClass="active"><i class="ph-megaphone ph-bold ph-lg icon"></i>{{ i18n.ts.announcements }}</MkA> | ||||
|  |  | |||
|  | @ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 	See https://github.com/misskey-dev/misskey/issues/10905 | ||||
| --> | ||||
| <div v-if="showBottom" :class="$style.bottom"> | ||||
| 	<button v-tooltip="i18n.ts.goToMisskey" :class="['_button', '_shadow', $style.button]" @click="goToMisskey"><i class="ph-house ph-bold ph-lg"></i></button> | ||||
| 	<button v-tooltip="i18n.ts.goToMisskey" :class="['_button', '_shadow', $style.button]" @click="goToMisskey"><i class="ti ti-home"></i></button> | ||||
| </div> | ||||
| </template> | ||||
| 
 | ||||
|  |  | |||
|  | @ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| <template> | ||||
| <MkContainer :showHeader="widgetProps.showHeader" :style="`height: ${widgetProps.height}px;`" :scrollable="true" data-cy-mkw-timeline class="mkw-timeline"> | ||||
| 	<template #icon> | ||||
| 		<i v-if="widgetProps.src === 'home'" class="ph-house ph-bold ph-lg"></i> | ||||
| 		<i v-if="widgetProps.src === 'home'" class="ti ti-home"></i> | ||||
| 		<i v-else-if="widgetProps.src === 'local'" class="ti ti-planet"></i> | ||||
| 		<i v-else-if="widgetProps.src === 'social'" class="ph-rocket-launch ph-bold ph-lg"></i> | ||||
| 		<i v-else-if="widgetProps.src === 'bubble'" class="ph-drop ph-bold ph-lg"></i> | ||||
|  | @ -119,7 +119,7 @@ const choose = async (ev) => { | |||
| 	})); | ||||
| 	os.popupMenu([{ | ||||
| 		text: i18n.ts._timelines.home, | ||||
| 		icon: 'ph-house ph-bold ph-lg', | ||||
| 		icon: 'ti ti-home', | ||||
| 		action: () => { setSrc('home'); }, | ||||
| 	}, { | ||||
| 		text: i18n.ts._timelines.local, | ||||
|  |  | |||
|  | @ -90,6 +90,7 @@ export function getConfig(): UserConfig { | |||
| 					'ti ti-shield': 'ph-shield ph-bold ph-lg', | ||||
| 					'ti ti-shield-lock': 'ph-shield ph-bold ph-lg', | ||||
| 					'ti ti-confetti': 'ph-confetti ph-bold ph-lg', | ||||
| 					'ti ti-home': 'ph-house ph-bold ph-lg', | ||||
| 				}, | ||||
| 			}), | ||||
| 			...process.env.NODE_ENV === 'production' | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue