okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added UI Scale option under visual

Browse source
This commit is contained in:
booploops 2022-04-10 00:34:22 -07:00
parent 2edbc243d0
commit d7132cfe8e
6 changed files with 18 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/i18n/en_US.json
View file

@ -348,6 +348,7 @@
"settings.option.visual.hardwareAcceleration.description": "Requires relaunch", "settings.option.visual.hardwareAcceleration.description": "Requires relaunch",
"settings.header.visual.hardwareAcceleration.default": "Default", "settings.header.visual.hardwareAcceleration.default": "Default",
"settings.header.visual.hardwareAcceleration.webGPU": "WebGPU", "settings.header.visual.hardwareAcceleration.webGPU": "WebGPU",
"settings.option.visual.uiscale": "UI Scale",
"settings.header.visual.theme": "Theme", "settings.header.visual.theme": "Theme",
"settings.option.visual.theme.github.download": "Install from GitHub URL", "settings.option.visual.theme.github.download": "Install from GitHub URL",
"settings.option.visual.theme.github.explore": "Explore GitHub Themes", "settings.option.visual.theme.github.explore": "Explore GitHub Themes",

1
src/i18n/source/en_US.json
View file

@ -348,6 +348,7 @@
"settings.option.visual.hardwareAcceleration.description": "Requires relaunch", "settings.option.visual.hardwareAcceleration.description": "Requires relaunch",
"settings.header.visual.hardwareAcceleration.default": "Default", "settings.header.visual.hardwareAcceleration.default": "Default",
"settings.header.visual.hardwareAcceleration.webGPU": "WebGPU", "settings.header.visual.hardwareAcceleration.webGPU": "WebGPU",
"settings.option.visual.uiscale": "UI Scale",
"settings.header.visual.theme": "Theme", "settings.header.visual.theme": "Theme",
"settings.option.visual.theme.github.download": "Install from GitHub URL", "settings.option.visual.theme.github.download": "Install from GitHub URL",
"settings.option.visual.theme.github.explore": "Explore GitHub Themes", "settings.option.visual.theme.github.explore": "Explore GitHub Themes",

3
src/main/base/store.ts
View file

@ -129,7 +129,8 @@ export class Store {
"windowLayout": "default" "windowLayout": "default"
}, },
"windowControlPosition": 0, // 0 default right "windowControlPosition": 0, // 0 default right
"nativeTitleBar": false "nativeTitleBar": false,
"uiScale": 1.0
}, },
"lyrics": { "lyrics": {
"enable_mxm": false, "enable_mxm": false,

7
src/renderer/main/vueapp.js
View file

@ -465,8 +465,11 @@ const app = new Vue({
history.forward() history.forward()
}, },
getHTMLStyle() { getHTMLStyle() {
// document.querySelector("html").style.background = "#222"; if(app.cfg.visual.uiScale != 1) {
document.querySelector("body").classList.add("notransparency") document.querySelector("#app").style.zoom = app.cfg.visual.uiScale
}else{
document.querySelector("#app").style.zoom = ""
}
}, },
resetState() { resetState() {
this.menuPanel.visible = false; this.menuPanel.visible = false;

2
src/renderer/views/main.ejs
View file

@ -61,7 +61,7 @@
</style> </style>
</head> </head>
<body oncontextmenu="return false;" loading="1" os-release="<%= parseInt(env.osRelease) %>" platform="<%= env.platform %>"> <body class="notransparency" oncontextmenu="return false;" loading="1" os-release="<%= parseInt(env.osRelease) %>" platform="<%= env.platform %>">
<div id="LOADER"> <div id="LOADER">
<%- include("../assets/cider-round.svg") %> <%- include("../assets/cider-round.svg") %>
</div> </div>

8
src/renderer/views/pages/settings.ejs
View file

@ -310,6 +310,14 @@
<input type="checkbox" switch v-model="app.cfg.visual.bg_artwork_rotation"/> <input type="checkbox" switch v-model="app.cfg.visual.bg_artwork_rotation"/>
</div> </div>
</div> </div>
<div class="md-option-line">
<div class="md-option-segment">
{{$root.getLz('settings.option.visual.uiscale')}}
</div>
<div class="md-option-segment md-option-segment_auto">
<input type="number" min="0.5" max="4.0" step="0.25" @change="$root.getHTMLStyle()" v-model="app.cfg.visual.uiScale"/>
</div>
</div>
<div class="md-option-line"> <div class="md-option-line">
<div class="md-option-segment"> <div class="md-option-segment">
{{$root.getLz('settings.option.visual.hardwareAcceleration')}}<br> {{$root.getLz('settings.option.visual.hardwareAcceleration')}}<br>