Expanded edit fields. Added revision history to scene and user pages.

components/admin/admin.vue

@@ -0,0 +1,71 @@
+<template>
+	<div class="page">
+		<nav class="nav">
+			<ul class="nav-items nolist">
+				<li class="nav-item">
+					<a
+						href="/admin/revisions"
+						class="nav-link nolink"
+						:class="{ active: pageContext.routeParams.section === 'revisions' }"
+					>Revisions</a>
+				</li>
+			</ul>
+		</nav>
+
+		<div class="content">
+			<slot />
+		</div>
+	</div>
+</template>
+
+<script setup>
+import { inject } from 'vue';
+
+const pageContext = inject('pageContext');
+
+// console.log(pageContext);
+</script>
+
+<style scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	background: var(--background-base-10);
+}
+
+.nav {
+	display: flex;
+	padding: 1rem 1rem 0 1rem;
+}
+
+.nav-item {
+	display: block;
+	background: var(--background-dark-20);
+	border-radius: 1rem;
+	color: var(--glass-strong-20);
+	font-size: .9rem;
+	font-weight: bold;
+}
+
+.nav-link {
+	display: block;
+	padding: .5rem 1rem;
+	font-weight: bold;
+
+	&.active {
+		color: var(--primary);
+	}
+
+	&:hover {
+		color: var(--primary);
+	}
+}
+
+.content {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	padding: 1rem;
+}
+</style>