Add fullscreen and help to home navbar (#173)

Closes: #150

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: #173
This commit is contained in:
2024-04-12 19:29:00 -07:00
parent 12f916f646
commit 10ce856e8f
3 changed files with 22 additions and 14 deletions

View File

@@ -6,6 +6,10 @@
<f7-link icon-ios="f7:bars" icon-md="f7:bars" panel-open="left"></f7-link>
</f7-nav-left>
<f7-nav-title sliding>A.L.V.I.N.N.</f7-nav-title>
<f7-nav-right>
<f7-link v-if="!isCordova" :icon-only="true" tooltip="Fullscreen" :icon-f7="isFullscreen ? 'viewfinder_circle_fill' : 'viewfinder'" @click="toggleFullscreen"></f7-link>
<f7-link :icon-only="true" tooltip="ALVINN help" icon-f7="question_circle_fill" href="/help/"></f7-link>
</f7-nav-right>
</f7-navbar>
<!-- Page content-->
<div style="display: grid; grid-template-columns: 100%; grid-template-rows: min-content min-content min-content 1fr; align-content: stretch; gap: 15px; min-height: 0px; max-height: calc(100vh - (var(--f7-navbar-height) + var(--f7-safe-area-top))); height: calc(100vh - (var(--f7-navbar-height) + var(--f7-safe-area-top)));">
@@ -103,6 +107,7 @@
},
data () {
return {
isCordova: !!window.cordova,
alphaCheck: false
}
},