added native title bar option, added window control position

This commit is contained in:
booploops 2022-04-01 00:07:01 -07:00
parent 8e7bb2fd0b
commit 0abef214cf
6 changed files with 60 additions and 7 deletions

View file

@ -1,6 +1,6 @@
<div class="app-chrome" :style="{'display': chrome.topChromeVisible ? '' : 'none'}">
<div class="app-chrome--left">
<div class="app-chrome-item full-height" v-if="chrome.windowControlPosition == 'left'">
<div class="app-chrome-item full-height" v-if="chrome.windowControlPosition == 'left' && !chrome.nativeControls">
<div class="window-controls-macos">
<div class="close" @click="ipcRenderer.send('close')"></div>
<div class="minimize" @click="ipcRenderer.send('minimize')"></div>
@ -160,7 +160,7 @@
</div>
</template>
<div class="app-chrome-item full-height" id="window-controls-container"
v-if="chrome.windowControlPosition == 'right'">
v-if="chrome.windowControlPosition == 'right' && !chrome.nativeControls">
<div class="window-controls">
<div class="minimize" @click="ipcRenderer.send('minimize')"></div>
<div class="minmax restore" v-if="chrome.maximized"
@ -170,7 +170,7 @@
<div class="close" @click="ipcRenderer.send('close')"></div>
</div>
</div>
<div class="app-chrome-item full-height" v-else-if="platform != 'darwin'">
<div class="app-chrome-item full-height" v-else-if="platform != 'darwin' && !chrome.nativeControls">
<button class="app-mainmenu"
@blur="mainMenuVisibility(false)"
@click="mainMenuVisibility(true)"

View file

@ -349,6 +349,26 @@
<input type="checkbox" v-model="app.cfg.general.close_button_hide" switch/>
</div>
</div>
<div class="md-option-line" v-show="app.platform !== 'darwin'">
<div class="md-option-segment">
Use Native Title Bar<br>
<small>Requires relaunch</small>
</div>
<div class="md-option-segment md-option-segment_auto">
<input type="checkbox" v-model="app.cfg.visual.nativeTitleBar" switch/>
</div>
</div>
<div class="md-option-line" v-show="app.platform !== 'darwin'">
<div class="md-option-segment">
Window Control Style
</div>
<div class="md-option-segment md-option-segment_auto">
<select class="md-select" v-model="app.cfg.visual.windowControlPosition">
<option value="0">Right</option>
<option value="1">Left</option>
</select>
</div>
</div>
</div>
</div>
</b-tab>