More UI fixes for consistency

Author: DaneEveritt

resources/assets/scripts/components/auth/LoginForm.vue

@@ -16,19 +16,20 @@
                 <div class="input-open">
                     <input class="input" id="grid-username" type="text" name="user" aria-labelledby="grid-username" required
                            ref="email"
-                           v-bind:readonly="showSpinner"
-                           v-bind:value="user.email"
+                           :class="{ 'has-content' : user.email.length > 0 }"
+                           :readonly="showSpinner"
+                           :value="user.email"
                            v-on:input="updateEmail($event)"
                     />
                     <label for="grid-username">{{ $t('strings.user_identifier') }}</label>
                 </div>
             </div>
             <div class="flex flex-wrap -mx-3 mb-6">
                 <div class="input-open">
-                    <input class="input" id="grid-password" type="password" name="password"
+                    <input class="input" id="grid-password" type="password" name="password" aria-labelledby="grid-password" required
                            ref="password"
-                           v-bind:readonly="showSpinner"
-                           aria-labelledby="grid-password" required
+                           :class="{ 'has-content' : user.password && user.password.length > 0 }"
+                           :readonly="showSpinner"
                            v-model="user.password"
                     />
                     <label for="grid-password">{{ $t('strings.password') }}</label>

resources/assets/scripts/components/auth/TwoFactorForm.vue

@@ -4,7 +4,9 @@
     >
         <div class="flex flex-wrap -mx-3 mb-6">
             <div class="input-open">
-                <input class="input" id="grid-code" type="number" name="token" aria-labelledby="grid-username" ref="code" required
+                <input class="input" id="grid-code" type="number" name="token" aria-labelledby="grid-username" required
+                       ref="code"
+                       :class="{ 'has-content' : code.length > 0 }"
                        v-model="code"
                 />
                 <label for="grid-code">{{ $t('auth.two_factor.label') }}</label>

resources/themes/pterodactyl/templates/auth/core.blade.php

@@ -23,7 +23,7 @@
                 </div>
                 <router-view></router-view>
                 <p class="text-center text-grey text-xs">
-                    {{ trans('strings.copyright', ['year' => date('Y')]) }}
+                    {!! trans('strings.copyright', ['year' => date('Y')]) !!}
                 </p>
             </div>
         </div>