Add version and some icons

1 files changed, 18 insertions, 1 deletions

diff --git a/pages/login.vue b/pages/login.vue
index 2c38f61..06d1b77 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -40,6 +40,12 @@ const handleSubmit = async (e: Event) => {
   isLoading.value = false
 }
 
+onMounted(() => {
+  if (history.state.error) {
+    error.value = history.state.error as string
+  }
+})
+
 </script>
 
 <template>
@@ -79,8 +85,11 @@ const handleSubmit = async (e: Event) => {
               Sign in
             </Button>
           </div>
+
+          <Version class="version" />
         </form>
       </Panel>
+
     </div>
 
     <div class="form-footer">
@@ -88,6 +97,7 @@ const handleSubmit = async (e: Event) => {
         Register
       </NuxtLink>
     </div>
+
   </div>
 </template>
 
@@ -131,7 +141,8 @@ const handleSubmit = async (e: Event) => {
 }
 
 .auth-error {
-  color: var(--color-error);
+  color: var(--color-text-error);
+  font-style: oblique;
 }
 
 .form-group {
@@ -157,6 +168,12 @@ const handleSubmit = async (e: Event) => {
   max-width: 28rem;
 }
 
+.version {
+  font-size: var(--text-smaller);
+  margin: 0 auto;
+  color: var(--color-text-muted-light);
+}
+
 .register-link {
   font-size: var(--text-small); 
   font-weight: 500;