limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-13 13:37:31 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

wip: Desktop UI

Browse source
This commit is contained in:
syuilo 2020-11-03 17:04:37 +09:00
parent 47d327a963
commit eca09db5fb
3 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
locales/ja-JP.yml
View file

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

7
src/client/sidebar.ts
View file

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

2
src/client/ui/desktop.vue
View file

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