feat: give auth cards a max width so they dont look so giant (#706)

HangarMC · Apr 29, 2023 · 1d1c4a6 · 1d1c4a6
1 parent 84058ec
commit 1d1c4a6
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 6 deletions.
diff --git a/frontend/src/pages/auth/login.vue b/frontend/src/pages/auth/login.vue
@@ -132,7 +132,7 @@ useHead(useSeo("Login", null, route, null));
 </script>
 
 <template>
-  <Card>
+  <Card class="w-xl mx-auto max-w-full">
     <template #header>{{ privileged ? "Sudo" : "Login" }}</template>
 
     <div v-if="privileged" class="mb-2">Please authenticate again to do this action</div>

diff --git a/frontend/src/pages/auth/reset.vue b/frontend/src/pages/auth/reset.vue
@@ -59,7 +59,7 @@ useHead(useSeo("Reset your password", null, route, null));
 </script>
 
 <template>
-  <Card>
+  <Card class="w-xl mx-auto max-w-full">
     <template #header> Reset your password </template>
     <form v-if="!codeSend" class="flex flex-col gap-2">
       <p>Enter your email address here to receive a verification code to reset your password.</p>

diff --git a/frontend/src/pages/auth/signup.vue b/frontend/src/pages/auth/signup.vue
@@ -53,7 +53,7 @@ useHead(useSeo("Signup", null, route, null));
 </script>
 
 <template>
-  <Card>
+  <Card class="w-xl mx-auto max-w-full">
     <template #header>
       <h1>Sign up</h1>
     </template>

diff --git a/frontend/src/types/generated/icons.d.ts b/frontend/src/types/generated/icons.d.ts
@@ -48,14 +48,11 @@ declare module "@vue/runtime-core" {
     IconMdiEarth: typeof import("~icons/mdi/earth")["default"];
     IconMdiEye: typeof import("~icons/mdi/eye")["default"];
     IconMdiEyeOff: typeof import("~icons/mdi/eye-off")["default"];
-    IconMdiFeather: typeof import("~icons/mdi/feather")["default"];
     IconMdiFileDocument: typeof import("~icons/mdi/file-document")["default"];
     IconMdiFlag: typeof import("~icons/mdi/flag")["default"];
     IconMdiFolderPlusOutline: typeof import("~icons/mdi/folder-plus-outline")["default"];
     IconMdiFormatListNumbered: typeof import("~icons/mdi/format-list-numbered")["default"];
     IconMdiGamepadRoundLeft: typeof import("~icons/mdi/gamepad-round-left")["default"];
-    IconMdiGavel: typeof import("~icons/mdi/gavel")["default"];
-    IconMdiHelp: typeof import("~icons/mdi/help")["default"];
     IconMdiHelpCircleOutline: typeof import("~icons/mdi/help-circle-outline")["default"];
     IconMdiHome: typeof import("~icons/mdi/home")["default"];
     IconMdiHorseVariant: typeof import("~icons/mdi/horse-variant")["default"];