mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-10-31 21:44:12 +00:00 
			
		
		
		
	replaced ti-dots
This commit is contained in:
		
							parent
							
								
									b2054a674d
								
							
						
					
					
						commit
						14fbac7ca5
					
				
					 19 changed files with 21 additions and 20 deletions
				
			
		|  | @ -30,7 +30,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			<span v-if="folder != null" :class="[$style.navPathItem, $style.navSeparator]"><i class="ti ti-chevron-right"></i></span> | ||||
| 			<span v-if="folder != null" :class="[$style.navPathItem, $style.navCurrent]">{{ folder.name }}</span> | ||||
| 		</div> | ||||
| 		<button class="_button" :class="$style.navMenu" @click="showMenu"><i class="ph-dots-three ph-bold ph-lg"></i></button> | ||||
| 		<button class="_button" :class="$style.navMenu" @click="showMenu"><i class="ti ti-dots"></i></button> | ||||
| 	</nav> | ||||
| 	<div | ||||
| 		ref="main" | ||||
|  |  | |||
|  | @ -45,7 +45,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			<div v-if="image.isSensitive" :class="$style.indicator" style="color: var(--warn);" :title="i18n.ts.sensitive"><i class="ph-eye-closed ph-bold ph-lg"></i></div> | ||||
| 			<div v-if="!image.comment" :class="$style.indicator" title="Image lacks descriptive text"><i class="ph-pencil-simple ph-bold ph-lg-off"></i></div> | ||||
| 		</div> | ||||
| 		<button :class="$style.menu" class="_button" @click.stop="showMenu"><i class="ph-dots-three ph-bold ph-lg" style="vertical-align: middle;"></i></button> | ||||
| 		<button :class="$style.menu" class="_button" @click.stop="showMenu"><i class="ti ti-dots" style="vertical-align: middle;"></i></button> | ||||
| 		<i class="ph-eye-slash ph-bold ph-lg" :class="$style.hide" @click.stop="hide = true"></i> | ||||
| 	</template> | ||||
| </div> | ||||
|  |  | |||
|  | @ -36,7 +36,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		</I18n> | ||||
| 		<div :class="$style.renoteInfo"> | ||||
| 			<button ref="renoteTime" :class="$style.renoteTime" class="_button" @click="showRenoteMenu()"> | ||||
| 				<i class="ph-dots-three ph-bold ph-lg" :class="$style.renoteMenu"></i> | ||||
| 				<i class="ti ti-dots" :class="$style.renoteMenu"></i> | ||||
| 				<MkTime :time="note.createdAt"/> | ||||
| 			</button> | ||||
| 			<span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]"> | ||||
|  | @ -158,7 +158,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 					<i class="ph-paperclip ph-bold ph-lg"></i> | ||||
| 				</button> | ||||
| 				<button ref="menuButton" :class="$style.footerButton" class="_button" @mousedown="showMenu()"> | ||||
| 					<i class="ph-dots-three ph-bold ph-lg"></i> | ||||
| 					<i class="ti ti-dots"></i> | ||||
| 				</button> | ||||
| 			</footer> | ||||
| 		</div> | ||||
|  |  | |||
|  | @ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		</span> | ||||
| 		<div :class="$style.renoteInfo"> | ||||
| 			<button ref="renoteTime" class="_button" :class="$style.renoteTime" @click="showRenoteMenu()"> | ||||
| 				<i v-if="isMyRenote" class="ph-dots-three ph-bold ph-lg" style="margin-right: 4px;"></i> | ||||
| 				<i v-if="isMyRenote" class="ti ti-dots" style="margin-right: 4px;"></i> | ||||
| 				<MkTime :time="note.createdAt"/> | ||||
| 			</button> | ||||
| 			<span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]"> | ||||
|  | @ -158,7 +158,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 				<i class="ph-paperclip ph-bold ph-lg"></i> | ||||
| 			</button> | ||||
| 			<button ref="menuButton" class="_button" :class="$style.noteFooterButton" @mousedown="showMenu()"> | ||||
| 				<i class="ph-dots-three ph-bold ph-lg"></i> | ||||
| 				<i class="ti ti-dots"></i> | ||||
| 			</button> | ||||
| 		</footer> | ||||
| 	</article> | ||||
|  |  | |||
|  | @ -91,7 +91,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		<div :class="$style.footerRight"> | ||||
| 			<button v-tooltip="i18n.ts.previewNoteText" class="_button" :class="[$style.footerButton, { [$style.previewButtonActive]: showPreview }]" @click="showPreview = !showPreview"><i class="ph-eye ph-bold ph-lg"></i></button> | ||||
| 			<button v-tooltip="'MFM Cheatsheet'" class="_button" :class="$style.footerButton" @click="MFMWindow"><i class="ph-notebook ph-bold ph-lg"></i></button> | ||||
| 			<!--<button v-tooltip="i18n.ts.more" class="_button" :class="$style.footerButton" @click="showingOptions = !showingOptions"><i class="ph-dots-three ph-bold ph-lg"></i></button>--> | ||||
| 			<!--<button v-tooltip="i18n.ts.more" class="_button" :class="$style.footerButton" @click="showingOptions = !showingOptions"><i class="ti ti-dots"></i></button>--> | ||||
| 		</div> | ||||
| 	</footer> | ||||
| 	<datalist id="hashtags"> | ||||
|  |  | |||
|  | @ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		<div><i class="ph-arrow-u-up-left ph-bold ph-lg"></i> <b>{{ i18n.ts.reply }}</b> … {{ i18n.ts._initialTutorial._note.reply }}</div> | ||||
| 		<div><i class="ph-rocket-launch ph-bold ph-lg"></i> <b>{{ i18n.ts.renote }}</b> … {{ i18n.ts._initialTutorial._note.renote }}</div> | ||||
| 		<div><i class="ph-smiley ph-bold ph-lg"></i> <b>{{ i18n.ts.reaction }}</b> … {{ i18n.ts._initialTutorial._note.reaction }}</div> | ||||
| 		<div><i class="ph-dots-three ph-bold ph-lg"></i> <b>{{ i18n.ts.menu }}</b> … {{ i18n.ts._initialTutorial._note.menu }}</div> | ||||
| 		<div><i class="ti ti-dots"></i> <b>{{ i18n.ts.menu }}</b> … {{ i18n.ts._initialTutorial._note.menu }}</div> | ||||
| 	</div> | ||||
| </div> | ||||
| <div v-else-if="phase === 'howToReact'" class="_gaps"> | ||||
|  |  | |||
|  | @ -56,7 +56,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 					<div>{{ number(user.followersCount) }}</div> | ||||
| 				</div> | ||||
| 			</div> | ||||
| 			<button class="_button" :class="$style.menu" @click="showMenu"><i class="ph-dots-three ph-bold ph-lg"></i></button> | ||||
| 			<button class="_button" :class="$style.menu" @click="showMenu"><i class="ti ti-dots"></i></button> | ||||
| 			<MkFollowButton v-if="$i && user.id != $i.id" v-model:user="user" :class="$style.follow" mini/> | ||||
| 		</div> | ||||
| 		<div v-else> | ||||
|  |  | |||
|  | @ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| <div v-if="instance" :class="$style.root"> | ||||
| 	<div :class="[$style.main, $style.panel]"> | ||||
| 		<img :src="instance.iconUrl || '/apple-touch-icon.png'" alt="" :class="$style.mainIcon"/> | ||||
| 		<button class="_button _acrylic" :class="$style.mainMenu" @click="showMenu"><i class="ph-dots-three ph-bold ph-lg"></i></button> | ||||
| 		<button class="_button _acrylic" :class="$style.mainMenu" @click="showMenu"><i class="ti ti-dots"></i></button> | ||||
| 		<div :class="$style.mainFg"> | ||||
| 			<h1 :class="$style.mainTitle"> | ||||
| 				<!-- 背景色によってはロゴが見えなくなるのでとりあえず無効に --> | ||||
|  |  | |||
|  | @ -306,7 +306,7 @@ const headerActions = computed(() => [{ | |||
| 	text: i18n.ts.addEmoji, | ||||
| 	handler: add, | ||||
| }, { | ||||
| 	icon: 'ph-dots-three ph-bold ph-lg', | ||||
| 	icon: 'ti ti-dots', | ||||
| 	handler: menu, | ||||
| }]); | ||||
| 
 | ||||
|  |  | |||
|  | @ -38,7 +38,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 										<MkA :class="$style.userItemBody" :to="`${userPage(item.user)}`"> | ||||
| 											<MkUserCardMini :user="item.user"/> | ||||
| 										</MkA> | ||||
| 										<button class="_button" :class="$style.menu" @click="showMembershipMenu(item, $event)"><i class="ph-dots-three ph-bold ph-lg"></i></button> | ||||
| 										<button class="_button" :class="$style.menu" @click="showMembershipMenu(item, $event)"><i class="ti ti-dots"></i></button> | ||||
| 										<button class="_button" :class="$style.remove" @click="removeUser(item, $event)"><i class="ph-x ph-bold ph-lg"></i></button> | ||||
| 									</div> | ||||
| 								</div> | ||||
|  |  | |||
|  | @ -163,7 +163,7 @@ const menuDef = computed(() => [{ | |||
| 		to: '/settings/migration', | ||||
| 		active: currentPage.value?.route.name === 'migration', | ||||
| 	}, { | ||||
| 		icon: 'ph-dots-three ph-bold ph-lg', | ||||
| 		icon: 'ti ti-dots', | ||||
| 		text: i18n.ts.other, | ||||
| 		to: '/settings/other', | ||||
| 		active: currentPage.value?.route.name === 'other', | ||||
|  |  | |||
|  | @ -189,6 +189,6 @@ const headerTabs = computed(() => []); | |||
| 
 | ||||
| definePageMetadata(() => ({ | ||||
| 	title: i18n.ts.other, | ||||
| 	icon: 'ph-dots-three ph-bold ph-lg', | ||||
| 	icon: 'ti ti-dots', | ||||
| })); | ||||
| </script> | ||||
|  |  | |||
|  | @ -248,7 +248,7 @@ function closeTutorial(): void { | |||
| const headerActions = computed(() => { | ||||
| 	const tmp = [ | ||||
| 		{ | ||||
| 			icon: 'ph-dots-three ph-bold ph-lg', | ||||
| 			icon: 'ti ti-dots', | ||||
| 			text: i18n.ts.options, | ||||
| 			handler: (ev) => { | ||||
| 				os.popupMenu([{ | ||||
|  |  | |||
|  | @ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 						</div> | ||||
| 						<span v-if="$i && $i.id != user.id && user.isFollowed" class="followed">{{ i18n.ts.followsYou }}</span> | ||||
| 						<div v-if="$i" class="actions"> | ||||
| 							<button class="menu _button" @click="menu"><i class="ph-dots-three ph-bold ph-lg"></i></button> | ||||
| 							<button class="menu _button" @click="menu"><i class="ti ti-dots"></i></button> | ||||
| 							<MkFollowButton v-if="$i.id != user.id" v-model:user="user" :inline="true" :transparent="false" :full="true" class="koudoku"/> | ||||
| 						</div> | ||||
| 					</div> | ||||
|  |  | |||
|  | @ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 	<template #header>{{ i18n.ts.activity }}</template> | ||||
| 	<template #func="{ buttonStyleClass }"> | ||||
| 		<button class="_button" :class="buttonStyleClass" @click="showMenu"> | ||||
| 			<i class="ph-dots-three ph-bold ph-lg"></i> | ||||
| 			<i class="ti ti-dots"></i> | ||||
| 		</button> | ||||
| 	</template> | ||||
| 
 | ||||
|  |  | |||
|  | @ -25,7 +25,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 				<i class="ph-gauge ph-bold ph-lg ti-fw"></i> | ||||
| 			</MkA> | ||||
| 			<button v-click-anime class="item _button" @click="more"> | ||||
| 				<i class="ph-dots-three ph-bold ph-lg ti-fw"></i> | ||||
| 				<i class="ti ti-dots ti-fw"></i> | ||||
| 				<span v-if="otherNavItemIndicated" class="indicator"><i class="_indicatorCircle"></i></span> | ||||
| 			</button> | ||||
| 		</div> | ||||
|  |  | |||
|  | @ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		<i class="ph-gauge ph-bold ph-lg ti-fw"></i><span class="text">{{ i18n.ts.controlPanel }}</span> | ||||
| 	</MkA> | ||||
| 	<button v-click-anime class="item _button" @click="more"> | ||||
| 		<i class="ph-dots-three ph-bold ph-lg ti-fw"></i><span class="text">{{ i18n.ts.more }}</span> | ||||
| 		<i class="ti ti-dots ti-fw"></i><span class="text">{{ i18n.ts.more }}</span> | ||||
| 		<span v-if="otherNavItemIndicated" class="indicator"><i class="_indicatorCircle"></i></span> | ||||
| 	</button> | ||||
| 	<MkA v-click-anime class="item" activeClass="active" to="/settings" :behavior="settingsWindowed ? 'window' : null"> | ||||
|  |  | |||
|  | @ -33,7 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		<svg viewBox="0 0 16 16" version="1.1" :class="$style.grabber"> | ||||
| 			<path fill="currentColor" d="M10 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0-4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm5-9a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path> | ||||
| 		</svg> | ||||
| 		<button v-tooltip="i18n.ts.settings" :class="$style.menu" class="_button" @click.stop="showSettingsMenu"><i class="ph-dots-three ph-bold ph-lg"></i></button> | ||||
| 		<button v-tooltip="i18n.ts.settings" :class="$style.menu" class="_button" @click.stop="showSettingsMenu"><i class="ti ti-dots"></i></button> | ||||
| 	</header> | ||||
| 	<div v-if="active" ref="body" :class="$style.body"> | ||||
| 		<slot></slot> | ||||
|  |  | |||
|  | @ -84,6 +84,7 @@ export function getConfig(): UserConfig { | |||
| 					'ti ti-chevron-right': 'ph-caret-right ph-bold ph-lg', | ||||
| 					'ti ti-chevrons-right': 'ph-caret-right ph-bold ph-lg', | ||||
| 					'ti ti-chevron-right ti-fw': 'ph-caret-right ph-bold ph-lg', | ||||
| 					'ti ti-dots': 'ph-dots-three ph-bold ph-lg', | ||||
| 				}, | ||||
| 			}), | ||||
| 			...process.env.NODE_ENV === 'production' | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue