added UI Scale option under visual

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

View file

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

View file

@ -61,7 +61,7 @@
</style>
</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">
<%- include("../assets/cider-round.svg") %>
</div>

View file

@ -310,6 +310,14 @@
<input type="checkbox" switch v-model="app.cfg.visual.bg_artwork_rotation"/>
</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-segment">
{{$root.getLz('settings.option.visual.hardwareAcceleration')}}<br>