gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 7 Projects Releases Packages 1 Wiki Activity Actions

Merge branch 'main' into improved-context-menu

Browse source
This commit is contained in:
SauceyRed 2025-07-30 17:01:44 +02:00
commit ecfa85c0ac
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
55 changed files with 1030 additions and 297 deletions
Download patch file Download diff file Expand all files Collapse all files

29
app.vue
View file

@ -1,21 +1,24 @@
<template>
<div>
<Banner v-if="banner" />
<ContextMenu v-if="contextMenu && contextMenu.show" :cursor-x="contextMenu.cursorX" :cursor-y="contextMenu.cursorY" :menu-items="contextMenu.items" />
<NuxtPage :keepalive="true" />
</div>
<div>
<Banner v-if="banner" />
<ContextMenu v-if="contextMenu && contextMenu.show" :cursor-x="contextMenu.cursorX" :cursor-y="contextMenu.cursorY" :menu-items="contextMenu.items" />
<NuxtPage :keepalive="true" />
</div>
</template>
<script lang="ts" setup>
import ContextMenu from '~/components/UserInterface/ContextMenu.vue';
import { render } from 'vue';
import type { ContextMenuInterface } from './types/interfaces';
import loadPreferredTheme from '~/utils/loadPreferredTheme';
const banner = useState("banner", () => false);
const contextMenu = useState<ContextMenuInterface>("contextMenu");
onMounted(() => {
loadPreferredTheme()
document.removeEventListener("contextmenu", contextMenuHandler);
document.addEventListener("contextmenu", (e) => {
if (e.target instanceof Element && e.target.classList.contains("default-contextmenu")) return;
@ -55,21 +58,15 @@ function contextMenuHandler(e: MouseEvent) {
//]);
}
const currentTheme = settingsLoad().selectedThemeId ?? "dark"
const baseURL = useRuntimeConfig().app.baseURL;
useHead({
link: [{
rel: "stylesheet",
href: `${baseURL}themes/${currentTheme}.css`
}]
})
</script>
<style>
html,
html {
background-color: #1f1e1d;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-family: var(--preferred-font), Arial, Helvetica, sans-serif;
box-sizing: border-box;
color: var(--text-color);
background: var(--optional-body-background);