Centered key management on page.

pages/auth/keys/+Page.vue

@@ -1,5 +1,6 @@
 <template>
 	<div class="page">
+		<div class="manager">
 			<div class="keys-header">
 				<h2 class="heading">API keys</h2>
 
@@ -91,6 +92,7 @@
 				</code>
 			</div>
 		</div>
+	</div>
 </template>
 
 <script setup>
@@ -147,7 +149,15 @@ function copyKey(event) {
 
 <style scoped>
 .page {
+	display: flex;
 	flex-grow: 1;
+	justify-content: center;
+}
+
+.manager {
+	width: 1200px;
+	max-width: 100%;
+	box-sizing: border-box;
 	padding: 1rem;
 }