making the sign in page simple

web/src/pages/SignInPage.vue

@@ -12,24 +12,24 @@
             class="px-8"
             style="max-width: 500px"
           >
-            <img
+            <!-- <img
               class="d-inline-block d-lg-none"
               src="@/assets/app_logo_small.png"
               style="height: 66px; transform: rotate(-12deg)"
-            />
+            /> -->
             <h2
               class="text-h1 textPrimary font-weight-semibold mb-0"
               style="font-size: 2.5rem !important"
             >
-              CALEBBURKEDEV
+              {{ APPLICATION_NAME }}
             </h2>
             <h6 class="text-h6 text-medium-emphasis d-flex align-center mt-6 font-weight-medium">
               <v-btn
                 block
                 color="primary"
+                text="Sign in"
                 @click="doLogin"
-                >Sign in</v-btn
-              >
+              />
             </h6>
 
             <!--
@@ -59,7 +59,7 @@
           </div>
         </div>
       </v-col>
-      <v-col
+      <!-- <v-col
         cols="12"
         lg="7"
         xl="8"
@@ -72,7 +72,7 @@
             style="opacity: 0.15; width: 80%"
           />
         </div>
-      </v-col>
+      </v-col> -->
     </v-row>
   </div>
 </template>
@@ -81,6 +81,7 @@
 import { onMounted } from "vue"
 import { useAuth0 } from "@auth0/auth0-vue"
 
+import { APPLICATION_NAME } from "@/config"
 import useCurrentUser from "@/use/use-current-user"
 
 const { reset: resetCurrentUser } = useCurrentUser()