Dark mode and minor interface tweaks (#2016)

Co-authored-by: Sam Freund <samf.236@proton.me>
This commit is contained in:
Devon Doyle
2025-08-04 01:15:33 -04:00
committed by GitHub
parent 3e19cd45cc
commit fce54d12c1
36 changed files with 956 additions and 765 deletions

View File

@@ -1,14 +1,23 @@
<script setup lang="ts">
const devMode = process.env.NODE_ENV === "development";
</script>
<template>
<div style="overflow: hidden; height: 100vh; width: 100%">
<div v-if="devMode" style="width: 100%; height: 100%; padding: 16px">
<span style="color: white; font-weight: bold">
PhotonClient is in development mode so the documentation page will not load. Please recompile in production mode
with the documentation copied over after a full build.
</span>
<div v-if="devMode" style="width: 60%; height: 100%; margin: auto">
<v-card
dark
flat
class="pl-6 pr-6 d-flex flex-column justify-center align-center"
style="background-color: transparent; height: 100%"
>
<v-card-text class="d-flex flex-column" style="flex: 0">
<v-icon size="64" color="primary">mdi-web-off</v-icon>
</v-card-text>
<v-card-text style="width: 100%; flex-grow: 0; text-align: center">
PhotonClient is in development mode so the documentation page will not load. Please recompile in production
mode with the documentation copied over after a full build.
</v-card-text>
</v-card>
</div>
<div v-else style="width: 100%; height: 100%">
<!--suppress HtmlUnknownTarget -->