From 41dd6c2dd9e972fb0f30419f3ebdc7ca2ffa6637 Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Mon, 28 Dec 2020 20:27:00 +0200
Subject: [PATCH] feat(frontend): login/register mobile readiness

---
 frontend/src/views/Auth.vue              | 2 +-
 frontend/src/views/auth/Login.vue        | 8 +++++++-
 frontend/src/views/auth/Registration.vue | 8 +++++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Auth.vue b/frontend/src/views/Auth.vue
index 5c2d2d549..e6735f236 100644
--- a/frontend/src/views/Auth.vue
+++ b/frontend/src/views/Auth.vue
@@ -2,7 +2,7 @@
   <v-app id="speckle-auth">
     <v-container fill-height fluid>
       <v-row align="center" justify="center">
-        <v-col v-if="showBlurb" cols="12" md="6" lg="6" xl="4">
+        <v-col v-if="showBlurb" cols="12" md="6" lg="6" xl="4" class="hidden-sm-and-down">
           <blurb :server-info="serverInfo" />
         </v-col>
         <v-col cols="12" md="6" lg="4" xl="3">
diff --git a/frontend/src/views/auth/Login.vue b/frontend/src/views/auth/Login.vue
index 3b5b5dc28..111f95afb 100644
--- a/frontend/src/views/auth/Login.vue
+++ b/frontend/src/views/auth/Login.vue
@@ -1,6 +1,12 @@
 <template>
   <v-card class="elevation-20" rounded="lg">
-    <v-card-title class="justify-center pt-10 pb-2">Interoperability in seconds</v-card-title>
+        <v-card-title class="justify-center pt-5 pb-2 hidden-md-and-up">
+      <v-img src="@/assets/logo.svg" max-width="30" />
+    </v-card-title>
+    <v-card-title class="justify-center pt-5 pb-2">
+      <span class="hidden-md-and-up mr-2 primary--text">Speckle:</span>
+      Interoperability in seconds
+    </v-card-title>
     <strategies :strategies="strategies" :app-id="appId" :challenge="challenge" :suuid="suuid" />
     <div v-if="hasLocalStrategy">
       <v-card-title class="justify-center pb-5 pt-0 body-1 text--secondary">
diff --git a/frontend/src/views/auth/Registration.vue b/frontend/src/views/auth/Registration.vue
index b5e1bbc4f..849cf0782 100644
--- a/frontend/src/views/auth/Registration.vue
+++ b/frontend/src/views/auth/Registration.vue
@@ -1,6 +1,12 @@
 <template>
   <v-card class="elevation-20" rounded="lg">
-    <v-card-title class="justify-center pt-10 pb-2">Interoperability in seconds</v-card-title>
+    <v-card-title class="justify-center pt-5 pb-2 hidden-md-and-up">
+      <v-img src="@/assets/logo.svg" max-width="30" />
+    </v-card-title>
+    <v-card-title class="justify-center pt-5 pb-2">
+      <span class="hidden-md-and-up mr-2 primary--text">Speckle:</span>
+      Interoperability in seconds
+    </v-card-title>
     <strategies :strategies="strategies" :app-id="appId" :challenge="challenge" :suuid="suuid" />
     <v-card-title class="justify-center pb-5 pt-0 body-1 text--secondary">
       <v-divider class="mx-4"></v-divider>