Merge branch 'develop'

.github/workflows/nodejs.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 15.x]
+        node-version: [14.x, 16.x]
 
     services:
       postgres:

.node-version

@@ -1 +1 @@
-v14.15.5
+v16.0.0

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:14.15.5-alpine3.13 AS base
+FROM node:16.0.0-alpine3.13 AS base
 
 ENV NODE_ENV=production
 

locales/en-US.yml

@@ -339,7 +339,7 @@ recaptcha: "reCAPTCHA"
 enableRecaptcha: "Enable reCAPTCHA"
 recaptchaSiteKey: "Site key"
 recaptchaSecretKey: "Secret key"
-avoidMultiCaptchaConfirm: "Using multiple Captchas may cause interference. Would you like to disable the other Captcha? You can leave multiple Captchas enabled by press cancel."
+avoidMultiCaptchaConfirm: "Using multiple Captchas may cause interferences. Would you like to disable the other Captcha? You can leave multiple Captchas enabled by pressing cancel."
 antennas: "Antennas"
 manageAntennas: "Manage Antennas"
 name: "Name"

locales/fr-FR.yml

@@ -486,7 +486,7 @@ objectStorageRegionDesc: "Spécifiez une région comme 'xx-east-1'. Si votre ser
 objectStorageUseSSL: "Utiliser SSL"
 objectStorageUseSSLDesc: "Désactivez cette option si vous n'utilisez pas HTTPS pour la connexion API"
 objectStorageUseProxy: "Se connecter via proxy"
-objectStorageUseProxyDesc: "Désactivez cette option si vous n'utilisez pas Proxy pour la connexion API"
+objectStorageUseProxyDesc: "Désactivez cette option si vous n'utilisez pas de proxy pour la connexion API"
 objectStorageSetPublicRead: "Régler sur « public » lors de l'envoi"
 serverLogs: "Journal du serveur"
 deleteAll: "Supprimer tout"
@@ -600,7 +600,7 @@ useGlobalSettingDesc: "S'il est activé, les paramètres de notification de votr
 other: "Autre"
 regenerateLoginToken: "Régénérer le jeton de connexion"
 regenerateLoginTokenDescription: "Générer un nouveau jeton d'authentification. Cette opération ne devrait pas être nécessaire ; lors de la génération d'un nouveau jeton, tous les appareils seront déconnectés. "
-setMultipleBySeparatingWithSpace: "Vous pouvez définir plus d’un, séparés par des espaces."
+setMultipleBySeparatingWithSpace: "Vous pouvez en définir plusieurs, en les séparant par des espaces."
 fileIdOrUrl: "ID du fichier ou URL"
 chatOpenBehavior: "Comportement de la fenêtre de discussion lors de son ouverture"
 behavior: "Comportement"
@@ -728,6 +728,7 @@ online: "En ligne"
 offline: "Hors ligne"
 notRecommended: "Déconseillé"
 botProtection: "Protection contre les bots"
+instanceBlocking: "Instances bloquées"
 selectAccount: "Sélectionner un compte"
 enabled: "Activé"
 disabled: "Désactivé"
@@ -1140,8 +1141,8 @@ _exportOrImport:
   blockingList: "Comptes bloqués"
   userLists: "Listes"
 _charts:
-  federationInstancesIncDec: "Variation du nombre des instances fédérées"
+  federationInstancesIncDec: "Variation du nombre d'instances fédérées"
-  federationInstancesTotal: "Nombre total des instances fédérées"
+  federationInstancesTotal: "Nombre total d'instances fédérées"
   usersIncDec: "Variation du nombre d'utilisateur·rice·s"
   usersTotal: "Nombre des utilisateur·rice·s au total"
   activeUsers: "Utilisateur·rice·s actif·ve·s"
@@ -1156,11 +1157,11 @@ _charts:
 _instanceCharts:
   requests: "Requêtes"
   users: "Variation du nombre d'utilisateur·rice·s"
-  usersTotal: "Nombre d'utilisateur·rice·s au total cumulé"
+  usersTotal: "Total cumulé du nombre d'utilisateur·rice·s"
-  notes: "Variation du nombre des notes"
+  notes: "Variation du nombre de notes"
   notesTotal: "Nombre total cumulé des notes"
-  ff: "Variation des abonné·e·s et des abonnements"
+  ff: "Variation des abonné·e·s / abonnements"
-  ffTotal: "Total cumulé du nombre d'abonné·e·s et du nombre d'abonnements"
+  ffTotal: "Total cumulé du nombre d'abonné·e·s / abonnements"
   cacheSize: "Variation de la taille du cache"
   cacheSizeTotal: "Total cumulé de la taille du cache"
   files: "Variation du nombre de fichiers"
@@ -1187,7 +1188,7 @@ _rooms:
     default: "Par défaut"
     washitsu: "Style japonnais"
   _furnitures:
-    milk: "Lait en carton"
+    milk: "Brique de lait"
     bed: "Lit"
     low-table: "Table basse"
     desk: "Bureau"
@@ -1206,7 +1207,7 @@ _rooms:
     book: "Livre"
     book2: "Livre 2"
     piano: "Piano"
-    facial-tissue: "Mouchoirs en papier"
+    facial-tissue: "Boîte de mouchoirs"
     server: "Serveurs"
     moon: "Lune"
     corkboard: "Tableau en liège"
@@ -1219,7 +1220,7 @@ _rooms:
     wall-clock: "Horloge murale"
     photoframe: "Cadre photo"
     cube: "Cube"
-    tv: "Téléviseur"
+    tv: "Télé"
     pinguin: "Pingouin"
     rubik-cube: "Cube de Rubik"
     poster-h: "Affiche (horizontale)"

locales/it-IT.yml

@@ -153,6 +153,9 @@ recipient: "Destinatario"
 annotation: "Descrizione"
 federation: "Federazione"
 instances: "Istanza"
+latestRequestSentAt: "Ultima richiesta inviata"
+latestRequestReceivedAt: "Ultima richiesta ricevuta"
+latestStatus: "Ultimo stato"
 storageUsage: "Volume di dischi"
 charts: "Grafici"
 perHour: "All'ora"
@@ -172,6 +175,7 @@ instanceInfo: "Informazioni sull'istanza"
 statistics: "Statistiche"
 clearQueue: "Svuota coda"
 clearQueueConfirmTitle: "Vuoi davvero svuotare la coda?"
+clearQueueConfirmText: "Le note ancora non distribuite non verranno rilasciate. Solitamente, non è necessario eseguire questa operazione."
 clearCachedFiles: "Svuota cache"
 clearCachedFilesConfirm: "Vuoi davvero svuotare la cache da tutti i file remoti?"
 blockedInstances: "Istanze bloccate"
@@ -329,6 +333,7 @@ recaptcha: "reCAPTCHA"
 enableRecaptcha: "Abilita reCAPTCHA"
 recaptchaSiteKey: "Chiave del sito"
 recaptchaSecretKey: "Chiave segreta"
+avoidMultiCaptchaConfirm: "Utilizzare diversi Captcha può causare interferenze. Vuoi disattivare l'altro Captcha? Puoi lasciare diversi Captcha attivi premendo \"Cancella\"."
 antennas: "Antenne"
 manageAntennas: "Gestore delle antenne"
 name: "Nome"
@@ -468,6 +473,9 @@ objectStoragePrefixDesc: "I file saranno conservati sotto la directory di questo
 objectStorageEndpoint: "Endpoint"
 objectStorageRegion: "Region"
 objectStorageUseSSL: "Usare SSL"
+objectStorageUseProxy: "Usa proxy"
+objectStorageUseProxyDesc: "Disabilita quest'opzione se non usi proxy per la connessione API."
+objectStorageSetPublicRead: "Imposta \"visibilità pubblica\" al momento di caricare"
 serverLogs: "Log del server"
 deleteAll: "Cancella cronologia"
 showFixedPostForm: "Visualizzare la finestra di pubblicazione in cima alla timeline"
@@ -497,7 +505,7 @@ scratchpad: "ScratchPad"
 output: "Uscita"
 script: "Script"
 disablePagesScript: "Disabilita AiScript nelle pagine"
-updateRemoteUser: "Aggiornare le informazioni di utente remoto"
+updateRemoteUser: "Aggiornare le informazioni di utente remot@"
 deleteAllFiles: "Elimina tutti i file"
 deleteAllFilesConfirm: "Vuoi davvero eliminare tutti i file?"
 removeAllFollowing: "Cancella tutti i follows"
@@ -508,7 +516,10 @@ sidebar: "Barra laterale"
 divider: "Linea di separazione"
 addItem: "Aggiungi elemento"
 rooms: "Camera"
+relays: "Ripetitori"
+addRelay: "Aggiungi ripetitore"
 inboxUrl: "Inbox URL"
+addedRelays: "Ripetitori configurati"
 serviceworkerInfo: "Deve essere abilitato per le notifiche push. "
 deletedNote: "Nota eliminata"
 invisibleNote: "Nota invisibile"
@@ -533,9 +544,12 @@ height: "Altezza"
 large: "Grande"
 medium: "Predefinito"
 small: "Piccolo"
+generateAccessToken: "Genera token di accesso"
+permission: "Autorizzazioni "
 enableAll: "Abilita tutto"
 disableAll: "Disabilita tutto"
 tokenRequested: "Autorizza accesso all'account"
+pluginTokenRequestedDescription: "Il plugin potrà utilizzare le autorizzazioni impostate qui."
 notificationType: "Tipo di notifiche"
 edit: "Modifica"
 useStarForReactionFallback: "Se è sconosciuto l'emoji di reazione, usare la ★ come alternativa."
@@ -570,6 +584,8 @@ notificationSettingDesc: "Seleziona il tipo di notifiche da visualizzare."
 useGlobalSetting: "Usa impostazioni generali"
 useGlobalSettingDesc: "Se abilitato, le impostazioni notifiche dell'account verranno utilizzate. Se disabilitato, si possono definire diverse singole impostazioni."
 other: "Avanzate"
+regenerateLoginToken: "Genera di nuovo un token di connessione"
+regenerateLoginTokenDescription: "Genera un nuovo token di autenticazione. Solitamente questa operazione non è necessaria: quando si genera un nuovo token, tutti i dispositivi vanno disconnessi."
 fileIdOrUrl: "ID o URL del file"
 chatOpenBehavior: "Comportamento della finestra di chat quando viene aperta"
 behavior: "Comportamento"
@@ -593,6 +609,7 @@ optional: "Opzionale"
 createNewClip: "Nuova clip"
 public: "Pubblica"
 i18nInfo: "Misskey è tradotto in diverse lingue da volontari. Anche tu puoi contribuire su {link}."
+manageAccessTokens: "Gestisci token di accesso"
 accountInfo: "Informazioni account"
 notesCount: "Conteggio note"
 repliesCount: "Numero di risposte inviate"
@@ -609,7 +626,11 @@ yes: "Sì"
 no: "No"
 driveFilesCount: "Numero di file nel Drive"
 driveUsage: "Utilizzazione del Drive"
+noCrawle: "Rifiuta l'indicizzazione dai robot."
+noCrawleDescription: "Richiedi che i motori di ricerca non indicizzino la tua pagina di profilo, le tue note, pagine, ecc."
 alwaysMarkSensitive: "Segnare i media come sensibili per impostazione predefinita"
+loadRawImages: "Visualizza le intere immagini allegate invece delle miniature."
+disableShowingAnimatedImages: "Disabilita le immagini animate"
 verificationEmailSent: "Una mail di verifica è stata inviata. Si prega di accedere al collegamento per compiere la verifica."
 notSet: "Non impostato"
 emailVerified: "Il tuo indirizzo email è stato verificato"
@@ -629,6 +650,7 @@ duplicate: "Duplica"
 left: "Sinistra"
 center: "Centro"
 wide: "Largo"
+reloadToApplySetting: "Le tue preferenze verranno impostate dopo il ricaricamento della pagina. Vuoi ricaricare adesso?"
 showTitlebar: "Visualizza la barra del titolo"
 clearCache: "Svuota cache"
 onlineUsersCount: "{n} utenti online"
@@ -645,6 +667,7 @@ createdAt: "Data di creazione"
 updatedAt: "Aggiornato il"
 saveConfirm: "Vuoi salvare le modifiche?"
 deleteConfirm: "Rimuovere?"
+invalidValue: "Questo non è un valore valido."
 registry: "Registro"
 closeAccount: "Disattiva account"
 currentVersion: "Versione attuale"
@@ -733,6 +756,7 @@ _nsfw:
   force: "Nascondere tutti i media"
 _mfm:
   cheatSheet: "Bigliettino MFM"
+  intro: "MFM è un linguaggio Markdown particolare che si può usare in diverse parti di Misskey. Qui puoi visualizzare a colpo d'occhio tutta la sintassi MFM utile."
   dummy: "Il Fediverso si espande con Misskey"
   mention: "Menzioni"
   mentionDescription: "Si può menzionare un utente specifico digitando il suo nome utente subito dopo il segno @."
@@ -1005,11 +1029,17 @@ _charts:
   filesIncDec: "Variazione del numero dei file"
   filesTotal: "Numero totale di file"
   storageUsageIncDec: "Variazione dell'utilizzo dell'immagazzinamento"
+  storageUsageTotal: "Utilizzo totale dell'immagazzinamento"
 _instanceCharts:
+  requests: "Richieste"
   users: "Variazione del numero di utenti"
   usersTotal: "Totale cumulativo di utenti"
   notes: "Variazione del numero di note"
   notesTotal: "Totale cumulato di note"
+  ff: "Variazione dei follow/ follower"
+  ffTotal: "Totale cumulato dei follow/ follower"
+  cacheSize: "Variazione dello spazio occupato dalla cache"
+  cacheSizeTotal: "Totale cumulato dello spazio occupato dalla cache"
   files: "Variazione del numero di file"
   filesTotal: "Totale cumulato del numero di file"
 _timelines:
@@ -1029,18 +1059,19 @@ _rooms:
   leaveConfirm: "Hai fatto modifiche ancora non salvate. Vuoi davvero uscire?"
   chooseImage: "Seleziona immagine"
   roomType: "Tipo di stanza"
+  carpetColor: "Colore del suolo"
   _roomType:
     default: "Predefinito"
     washitsu: "Washitsu"
   _furnitures:
     milk: "Cartone del latte"
     bed: "Letto"
-    low-table: "Tavolino Coffee"
+    low-table: "Tavolino"
     desk: "Tavolo"
     chair: "Sedia"
     chair2: "Sedia 2"
     fan: "Ventilatore"
-    pc: "PC"
+    pc: "Computer"
     plant: "Pianta da appartamento"
     plant2: "Pianta da appartamento2"
     eraser: "Gomma"
@@ -1052,22 +1083,32 @@ _rooms:
     book: "Libro"
     book2: "Libro2"
     piano: "Pianoforte"
+    facial-tissue: "Scatola di fazzolettini"
     server: "Server"
     moon: "Luna"
     corkboard: "Bacheca"
     mousepad: "Tappetino per il mouse"
     monitor: "Monitor "
     keyboard: "Tastiera"
+    carpet-stripe: "Tappeto (a strisce)"
     mat: "Zerbino"
     color-box: "Libreria"
     wall-clock: "Orologio da parete"
     photoframe: "Cornice"
     cube: "Cubo"
-    tv: "Televisore"
+    tv: "TV"
     pinguin: "Pinguino"
     rubik-cube: "Cubo di Rubik"
+    poster-h: "Poster (orizzontale)"
+    poster-v: "Poster (verticale)"
+    sofa: "Divano"
+    spiral: "Scale a chiocciola"
     bin: "Cestino"
     cup-noodle: "Noodle istantanei"
+    holo-display: "Visualizzazione olografica"
+    energy-drink: "Bevanda energetica"
+    doll-ai: "Bambola Ai"
+    banknote: "Mazzetta di banconote"
 _pages:
   newPage: "Crea pagina"
   editPage: "Modifica pagina"
@@ -1078,6 +1119,7 @@ _pages:
   pageSetting: "Impostazioni pagina"
   nameAlreadyExists: "Esiste già una pagina con lo stesso URL."
   invalidNameTitle: "L'URL di pagina definito non è valido"
+  invalidNameText: "Verifica che il campo non è vuoto"
   editThisPage: "Modifica questa pagina"
   viewSource: "Visualizza sorgente"
   viewPage: "Visualizza pagina"

locales/ko-KR.yml

@@ -138,6 +138,7 @@ flagAsBotDescription: "이 계정을 자동화된 수단으로 운용할 경우
 flagAsCat: "나는 고양이다냥"
 flagAsCatDescription: "이 계정이 고양이라면 활성화 해주세요."
 autoAcceptFollowed: "팔로우 중인 유저로부터의 팔로우 요청을 자동 수락"
+addAccount: "계정 추가"
 loginFailed: "로그인에 실패했습니다"
 showOnRemote: "리모트에서 보기"
 general: "일반"
@@ -451,6 +452,7 @@ category: "카테고리"
 tags: "태그"
 docSource: "이 문서의 소스"
 createAccount: "계정 만들기"
+existingAccount: "기존 계정"
 regenerate: "재생성"
 fontSize: "글자 크기"
 noFollowRequests: "처리되지 않은 팔로우 요청이 없습니다"
@@ -565,6 +567,7 @@ pluginTokenRequestedDescription: "이 플러그인은 여기서 설정한 권한
 notificationType: "알림 유형"
 edit: "편집"
 useStarForReactionFallback: "알 수 없는 리액션 이모지 대신 ★ 사용"
+emailServer: "메일 서버"
 enableEmail: "이메일 송신 기능 활성화"
 emailConfigInfo: "가입 시 메일 주소 확인이나 비밀번호 초기화 시에 사용합니다."
 email: "이메일"
@@ -701,6 +704,7 @@ editCode: "코드 수정"
 apply: "적용"
 receiveAnnouncementFromInstance: "이 인스턴스의 알림을 이메일로 수신할게요"
 emailNotification: "메일 알림"
+publish: "게시"
 inChannelSearch: "채널에서 검색"
 useReactionPickerForContextMenu: "우클릭하여 리액션 선택기 열기"
 typingUsers: "{users} 님이 입력하고 있어요.."
@@ -724,11 +728,30 @@ hideOnlineStatusDescription: "온라인 상태를 숨기면, 검색과 같은
 online: "온라인"
 active: "최근에 활동함"
 offline: "오프라인"
+notRecommended: "추천하지 않음"
+botProtection: "Bot 방어"
+instanceBlocking: "인스턴스 차단"
+selectAccount: "계정 선택"
+enabled: "활성화"
+disabled: "비활성화"
+quickAction: "빠른 동작"
 user: "유저"
 administration: "관리"
+accounts: "계정"
+switch: "전환"
+noMaintainerInformationWarning: "관리자 정보가 설정되어 있지 않습니다."
+noBotProtectionWarning: "Bot 방어가 설정되어 있지 않습니다."
+configure: "설정하기"
+postToGallery: "갤러리에 업로드"
 gallery: "갤러리"
+recentPosts: "최근 포스트"
+popularPosts: "인기 포스트"
+shareWithNote: "노트로 공유"
 _gallery:
-  unlike: "좋아요 해제"
+  my: "내 갤러리"
+  liked: "좋아요 한 갤러리"
+  like: "좋아요!"
+  unlike: "좋아요 취소"
 _email:
   _follow:
     title: "새로운 팔로워가 있습니다"

locales/ru-RU.yml

@@ -704,6 +704,7 @@ editCode: "Редактировать исходный текст"
 apply: "Применить"
 receiveAnnouncementFromInstance: "Получать оповещения с инстанса"
 emailNotification: "Уведомления по электронной почте"
+publish: "Опубликовать"
 inChannelSearch: "Поиск по каналу"
 useReactionPickerForContextMenu: "Открывать палитру реакций правой кнопкой"
 typingUsers: "Стук клавиш. Это {users}…"
@@ -741,7 +742,15 @@ switch: "Переключение"
 noMaintainerInformationWarning: "Не заполнены сведения об администраторах"
 noBotProtectionWarning: "Ботозащита не настроена"
 configure: "Настроить"
+postToGallery: "Опубликовать в галерею"
+gallery: "Галерея"
+recentPosts: "Недавние публикации"
+popularPosts: "Популярные публикации"
+shareWithNote: "Поделиться заметкой"
 _gallery:
+  my: "Личная"
+  liked: "Понравившееся"
+  like: "Нравится!"
   unlike: "Отменить «нравится»"
 _email:
   _follow:

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "misskey",
 	"author": "syuilo <syuilotan@yahoo.co.jp>",
-	"version": "12.79.2",
+	"version": "12.79.3",
 	"codename": "indigo",
 	"repository": {
 		"type": "git",

src/client/components/user-select-dialog.vue

@@ -8,33 +8,35 @@
 	@closed="$emit('closed')"
 >
 	<template #header>{{ $ts.selectUser }}</template>
-	<div class="tbhwbxda _section">
+	<div class="tbhwbxda _monolithic_">
-		<div class="inputs">
+		<div class="_section">
-			<MkInput v-model:value="username" class="input" @update:value="search" ref="username"><span>{{ $ts.username }}</span><template #prefix>@</template></MkInput>
+			<div class="inputs">
-			<MkInput v-model:value="host" class="input" @update:value="search"><span>{{ $ts.host }}</span><template #prefix>@</template></MkInput>
+				<MkInput v-model:value="username" class="input" @update:value="search" ref="username"><span>{{ $ts.username }}</span><template #prefix>@</template></MkInput>
-		</div>
+				<MkInput v-model:value="host" class="input" @update:value="search"><span>{{ $ts.host }}</span><template #prefix>@</template></MkInput>
-	</div>
-	<div class="tbhwbxda _section result" v-if="username != '' || host != ''" :class="{ hit: users.length > 0 }">
-		<div class="users" v-if="users.length > 0">
-			<div class="user" v-for="user in users" :key="user.id" :class="{ selected: selected && selected.id === user.id }" @click="selected = user" @dblclick="ok()">
-				<MkAvatar :user="user" class="avatar" :show-indicator="true"/>
-				<div class="body">
-					<MkUserName :user="user" class="name"/>
-					<MkAcct :user="user" class="acct"/>
-				</div>
 			</div>
 		</div>
-		<div v-else class="empty">
+		<div class="_section result" v-if="username != '' || host != ''" :class="{ hit: users.length > 0 }">
-			<span>{{ $ts.noUsers }}</span>
+			<div class="users" v-if="users.length > 0">
+				<div class="user" v-for="user in users" :key="user.id" :class="{ selected: selected && selected.id === user.id }" @click="selected = user" @dblclick="ok()">
+					<MkAvatar :user="user" class="avatar" :show-indicator="true"/>
+					<div class="body">
+						<MkUserName :user="user" class="name"/>
+						<MkAcct :user="user" class="acct"/>
+					</div>
+				</div>
+			</div>
+			<div v-else class="empty">
+				<span>{{ $ts.noUsers }}</span>
+			</div>
 		</div>
-	</div>
+		<div class="_section recent" v-if="username == '' && host == ''">
-	<div class="tbhwbxda _section recent" v-if="username == '' && host == ''">
+			<div class="users">
-		<div class="users">
+				<div class="user" v-for="user in recentUsers" :key="user.id" :class="{ selected: selected && selected.id === user.id }" @click="selected = user" @dblclick="ok()">
-			<div class="user" v-for="user in recentUsers" :key="user.id" :class="{ selected: selected && selected.id === user.id }" @click="selected = user" @dblclick="ok()">
+					<MkAvatar :user="user" class="avatar" :show-indicator="true"/>
-				<MkAvatar :user="user" class="avatar" :show-indicator="true"/>
+					<div class="body">
-				<div class="body">
+						<MkUserName :user="user" class="name"/>
-					<MkUserName :user="user" class="name"/>
+						<MkAcct :user="user" class="acct"/>
-					<MkAcct :user="user" class="acct"/>
+					</div>
 				</div>
 			</div>
 		</div>
@@ -122,76 +124,78 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .tbhwbxda {
-	display: flex;
+	> ._section {
-	flex-direction: column;
+		display: flex;
-	overflow: auto;
+		flex-direction: column;
-	height: 100%;
-
-	&.result.hit {
-		padding: 0;
-	}
-
-	&.recent {
-		padding: 0;
-	}
-
-	> .inputs {
-		> .input {
-			display: inline-block;
-			width: 50%;
-			margin: 0;
-		}
-	}
-
-	> .users {
-		flex: 1;
 		overflow: auto;
-		padding: 8px 0;
+		height: 100%;
 
-		> .user {
+		&.result.hit {
-			display: flex;
+			padding: 0;
-			align-items: center;
+		}
-			padding: 8px var(--root-margin);
-			font-size: 14px;
 
-			&:hover {
+		&.recent {
-				background: var(--X7);
+			padding: 0;
+		}
+
+		> .inputs {
+			> .input {
+				display: inline-block;
+				width: 50%;
+				margin: 0;
 			}
+		}
 
-			&.selected {
+		> .users {
-				background: var(--accent);
+			flex: 1;
-				color: #fff;
+			overflow: auto;
-			}
+			padding: 8px 0;
 
-			> * {
+			> .user {
-				pointer-events: none;
+				display: flex;
-				user-select: none;
+				align-items: center;
-			}
+				padding: 8px var(--root-margin);
+				font-size: 14px;
 
-			> .avatar {
+				&:hover {
-				width: 45px;
+					background: var(--X7);
-				height: 45px;
-			}
-
-			> .body {
-				padding: 0 8px;
-				min-width: 0;
-
-				> .name {
-					display: block;
-					font-weight: bold;
 				}
 
-				> .acct {
+				&.selected {
-					opacity: 0.5;
+					background: var(--accent);
+					color: #fff;
+				}
+
+				> * {
+					pointer-events: none;
+					user-select: none;
+				}
+
+				> .avatar {
+					width: 45px;
+					height: 45px;
+				}
+
+				> .body {
+					padding: 0 8px;
+					min-width: 0;
+
+					> .name {
+						display: block;
+						font-weight: bold;
+					}
+
+					> .acct {
+						opacity: 0.5;
+					}
 				}
 			}
 		}
-	}
 
-	> .empty {
+		> .empty {
-		opacity: 0.7;
+			opacity: 0.7;
-		text-align: center;
+			text-align: center;
+		}
 	}
 }
 </style>

src/client/pages/reversi/game.setting.vue

@@ -157,7 +157,6 @@ export default defineComponent({
 			maps: maps,
 			form: null,
 			messages: [],
-			fasCircle, farCircle
 		};
 	},