Correct styles on admin panels and enter triggers submission

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 {

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="type" placeholder="Type" @keyup.enter="post" />
-        <input type="text" v-model="name" placeholder="Name" />
+        <input type="text" v-model="name" placeholder="Name" @keyup.enter="post" />
-        <input type="text" v-model="link" placeholder="Link" />
+        <input type="text" v-model="link" placeholder="Link" @keyup.enter="post" />
         <Button @click="post">Upload</Button>
     </div>
 </template>

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="type" placeholder="Type" @keyup.enter="post" />
-        <input type="text" v-model="name" placeholder="Name" />
+        <input type="text" v-model="name" placeholder="Name" @keyup.enter="post" />
-        <input type="text" v-model="link" placeholder="Link" />
+        <input type="text" v-model="link" placeholder="Link" @keyup.enter="post" />
         <Button @click="post">Upload</Button>
     </div>
 </template>

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"

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="text-primary">{{ r.name }}: </span>
-            <span :class="r.ok ? '' : 'text-red-500'">{{ r.status }}</span>
+            <span :class="r.ok ? 'text-secondary' : 'text-red-500'">{{ r.status }}</span>
         </div>
     </div>
 </template>

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="text" v-model="username" placeholder="Username" @keyup.enter="handleCreate" />
-        <input type="password" v-model="password" placeholder="Password" />
+        <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">

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="text" v-model="username" placeholder="Username" @keyup.enter="handleLogin" />
-        <input type="password" v-model="password" placeholder="Password" />
+        <input type="password" v-model="password" placeholder="Password" @keyup.enter="handleLogin" />
         <Button @click="handleLogin">Log In</Button>
     </div>
 </template>