wip: Desktop UI

locales/ja-JP.yml

@@ -602,6 +602,8 @@ instanceTicker: "ノートのインスタンス情報"
 waitingFor: "{x}を待っています"
 random: "ランダム"
 system: "システム"
+switchUi: "UI切り替え"
+desktop: "デスクトップ"
 
 _reversi:
   reversi: "リバーシ"

src/client/sidebar.ts

@@ -4,6 +4,7 @@ import { computed } from 'vue';
 import { store } from '@/store';
 import { search } from '@/scripts/search';
 import * as os from '@/os';
+import { i18n } from '@/i18n';
 
 export const sidebarDef = {
 	notifications: {
@@ -124,19 +125,19 @@ export const sidebarDef = {
 		icon: faColumns,
 		action: (ev) => {
 			os.modalMenu([{
-				text: 'Default',
+				text: i18n.global.t('default'),
 				action: () => {
 					localStorage.setItem('ui', 'default');
 					location.reload();
 				}
 			}, {
-				text: 'Deck',
+				text: i18n.global.t('deck'),
 				action: () => {
 					localStorage.setItem('ui', 'deck');
 					location.reload();
 				}
 			}, {
-				text: 'Desktop',
+				text: i18n.global.t('desktop'),
 				action: () => {
 					localStorage.setItem('ui', 'desktop');
 					location.reload();

src/client/ui/desktop.vue

@@ -59,6 +59,8 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .mk-app {
+	height: 100vh;
+	width: 100vw;
 }
 </style>