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

pages/users/@username/+Page.vue

@@ -36,6 +36,12 @@
 					class="domain nolink"
 					:class="{ active: domain === 'templates' }"
 				>Templates</a>
+
+				<a
+					:href="`/user/${profile.username}/revisions`"
+					class="domain nolink"
+					:class="{ active: domain === 'revisions' }"
+				>Revisions</a>
 			</nav>
 
 			<Stashes v-if="domain === 'stashes'" />
@@ -46,6 +52,14 @@
 				:release="mockupRelease"
 			/>
 		</div>
+
+		<div
+			v-if="domain === 'revisions' && profile.id === user?.id"
+			class="profile-section revisions"
+		>
+			<h3 class="section-header heading">Revisions</h3>
+			<Revisions />
+		</div>
 	</div>
 </template>
 
@@ -56,6 +70,7 @@ import { formatDistanceStrict } from 'date-fns';
 import Stashes from '#/components/stashes/stashes.vue';
 import Alerts from '#/components/alerts/alerts.vue';
 import Summaries from '#/components/scenes/summaries.vue';
+import Revisions from '#/components/edit/revisions.vue';
 
 const pageContext = inject('pageContext');
 const domain = pageContext.routeParams.domain;
@@ -125,8 +140,9 @@ const mockupRelease = {
 <style scoped>
 .page {
 	display: flex;
+	flex-direction: column;
+	align-items: center;
 	flex-grow: 1;
-	justify-content: center;
 	background: var(--background-base-10);
 }
 
@@ -200,6 +216,12 @@ const mockupRelease = {
 	}
 }
 
+.revisions {
+	width: 100%; /* necessary for FF */
+	box-sizing: border-box;
+	padding: 0 1rem;
+}
+
 @media(--compact) {
 	.domains {
 		padding: .5rem 1rem;