From 14cacec1f5bd9b513571e8ae961b76c6d4b1a6bb Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Tue, 10 Mar 2026 12:41:45 +0000
Subject: [PATCH] Correct styles on admin panels and enter triggers submission

---
 nginx/vue/src/assets/styles.css              | 7 ++++++-
 nginx/vue/src/views/admin/CreateActivity.vue | 6 +++---
 nginx/vue/src/views/admin/CreateFavorite.vue | 6 +++---
 nginx/vue/src/views/admin/CreatePost.vue     | 2 +-
 nginx/vue/src/views/admin/CreateRowing.vue   | 4 ++--
 nginx/vue/src/views/admin/CreateUser.vue     | 4 ++--
 nginx/vue/src/views/admin/Login.vue          | 4 ++--
 7 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/nginx/vue/src/assets/styles.css b/nginx/vue/src/assets/styles.css
index af467f6..4cb9534 100644
--- a/nginx/vue/src/assets/styles.css
+++ b/nginx/vue/src/assets/styles.css
@@ -141,7 +141,12 @@ a {
 
 input,
 textarea {
-    @apply text-primary border;
+    @apply text-primary border p-2 w-full;
+}
+
+input::placeholder,
+textarea::placeholder {
+    @apply text-secondary opacity-50;
 }
 
 table {
diff --git a/nginx/vue/src/views/admin/CreateActivity.vue b/nginx/vue/src/views/admin/CreateActivity.vue
index 547fd75..6139f28 100644
--- a/nginx/vue/src/views/admin/CreateActivity.vue
+++ b/nginx/vue/src/views/admin/CreateActivity.vue
@@ -28,9 +28,9 @@ async function post() {
 <template>
     <div class="flex flex-col">
         <h1>Create Activity</h1>
-        <input type="text" v-model="type" placeholder="Type" />
-        <input type="text" v-model="name" placeholder="Name" />
-        <input type="text" v-model="link" placeholder="Link" />
+        <input type="text" v-model="type" placeholder="Type" @keyup.enter="post" />
+        <input type="text" v-model="name" placeholder="Name" @keyup.enter="post" />
+        <input type="text" v-model="link" placeholder="Link" @keyup.enter="post" />
         <Button @click="post">Upload</Button>
     </div>
 </template>
diff --git a/nginx/vue/src/views/admin/CreateFavorite.vue b/nginx/vue/src/views/admin/CreateFavorite.vue
index a0a31aa..981f2dc 100644
--- a/nginx/vue/src/views/admin/CreateFavorite.vue
+++ b/nginx/vue/src/views/admin/CreateFavorite.vue
@@ -28,9 +28,9 @@ async function post() {
 <template>
     <div class="flex flex-col">
         <h1>Create Favorite</h1>
-        <input type="text" v-model="type" placeholder="Type" />
-        <input type="text" v-model="name" placeholder="Name" />
-        <input type="text" v-model="link" placeholder="Link" />
+        <input type="text" v-model="type" placeholder="Type" @keyup.enter="post" />
+        <input type="text" v-model="name" placeholder="Name" @keyup.enter="post" />
+        <input type="text" v-model="link" placeholder="Link" @keyup.enter="post" />
         <Button @click="post">Upload</Button>
     </div>
 </template>
diff --git a/nginx/vue/src/views/admin/CreatePost.vue b/nginx/vue/src/views/admin/CreatePost.vue
index 9eef41c..d6a79ea 100644
--- a/nginx/vue/src/views/admin/CreatePost.vue
+++ b/nginx/vue/src/views/admin/CreatePost.vue
@@ -24,7 +24,7 @@ async function post() {
 <template>
     <div class="flex flex-col">
         <h1>Create Post</h1>
-        <input type="text" v-model="title" placeholder="Title" />
+        <input type="text" v-model="title" placeholder="Title" @keyup.enter="post" />
         <textarea
             class="h-50"
             v-model="content"
diff --git a/nginx/vue/src/views/admin/CreateRowing.vue b/nginx/vue/src/views/admin/CreateRowing.vue
index 6bd99ec..5a1e586 100644
--- a/nginx/vue/src/views/admin/CreateRowing.vue
+++ b/nginx/vue/src/views/admin/CreateRowing.vue
@@ -44,8 +44,8 @@ async function submit() {
         <input type="file" accept="image/jpeg,image/png,image/gif,image/webp" multiple @change="onFileChange" />
         <Button @click="submit">Upload</Button>
         <div v-for="r in results" :key="r.name">
-            <span>{{ r.name }}: </span>
-            <span :class="r.ok ? '' : 'text-red-500'">{{ r.status }}</span>
+            <span class="text-primary">{{ r.name }}: </span>
+            <span :class="r.ok ? 'text-secondary' : 'text-red-500'">{{ r.status }}</span>
         </div>
     </div>
 </template>
diff --git a/nginx/vue/src/views/admin/CreateUser.vue b/nginx/vue/src/views/admin/CreateUser.vue
index 2f18d8c..2c83d55 100644
--- a/nginx/vue/src/views/admin/CreateUser.vue
+++ b/nginx/vue/src/views/admin/CreateUser.vue
@@ -32,8 +32,8 @@ async function handleCreate() {
         <h1>Create User</h1>
         <p v-if="message" class="text-green-500">{{ message }}</p>
         <p v-if="error" class="text-red-500">{{ error }}</p>
-        <input type="text" v-model="username" placeholder="Username" />
-        <input type="password" v-model="password" placeholder="Password" />
+        <input type="text" v-model="username" placeholder="Username" @keyup.enter="handleCreate" />
+        <input type="password" v-model="password" placeholder="Password" @keyup.enter="handleCreate" />
         <Button @click="handleCreate">Create Account</Button>
     </div>
     <div v-else-if="auth.loggedIn" class="flex flex-col">
diff --git a/nginx/vue/src/views/admin/Login.vue b/nginx/vue/src/views/admin/Login.vue
index e2dffcb..2bdc6a0 100644
--- a/nginx/vue/src/views/admin/Login.vue
+++ b/nginx/vue/src/views/admin/Login.vue
@@ -27,8 +27,8 @@ function handleLogout() {
     </div>
     <div v-else class="flex flex-col">
         <h1>Login</h1>
-        <input type="text" v-model="username" placeholder="Username" />
-        <input type="password" v-model="password" placeholder="Password" />
+        <input type="text" v-model="username" placeholder="Username" @keyup.enter="handleLogin" />
+        <input type="password" v-model="password" placeholder="Password" @keyup.enter="handleLogin" />
         <Button @click="handleLogin">Log In</Button>
     </div>
 </template>