wip: Desktop UI

3 files changed, 8 insertions, 3 deletions

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 13d6f9bd5a..a88ac74417 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -602,6 +602,8 @@ instanceTicker: "ノートのインスタンス情報"
 waitingFor: "{x}を待っています"
 random: "ランダム"
 system: "システム"
+switchUi: "UI切り替え"
+desktop: "デスクトップ"
 
 _reversi:
   reversi: "リバーシ"
diff --git a/src/client/sidebar.ts b/src/client/sidebar.ts
index 1132431e1c..b9cdd87a4a 100644
--- a/src/client/sidebar.ts
+++ b/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();
diff --git a/src/client/ui/desktop.vue b/src/client/ui/desktop.vue
index 0d266ae016..3f55c8329e 100644
--- a/src/client/ui/desktop.vue
+++ b/src/client/ui/desktop.vue
@@ -59,6 +59,8 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .mk-app {
+	height: 100vh;
+	width: 100vw;
 }
 </style>