Merge pull request #104 from coding-bootcamps-eu/100-add-desktop-desi…

…gn-in-loginview add Desktop design in LoginView #100
coding-bootcamps-eu · Aug 26, 2024 · 7113484 · 7113484
2 parents 1a54a32 + c45f330
commit 7113484
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/components/LoginViewContainer.vue b/src/components/LoginViewContainer.vue
@@ -82,6 +82,7 @@ export default {
   flex-direction: column;
   margin: 2rem;
   background-color: var(--header-color);
+  max-width: 320px;
 }
 .login-username {
   margin-bottom: 2rem;

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
@@ -3,7 +3,7 @@
     <header>
       <img src="/src/assets/images/logos.png" width="350px" alt="threadhublogo" />
     </header>
-    <div><LoginViewContainer /></div>
+    <div class="login-container"><LoginViewContainer /></div>
   </div>
 </template>
 
@@ -17,8 +17,21 @@ export default {
 </script>
 
 <style scoped>
+#login {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
 header {
   display: flex;
   justify-content: center;
+  margin-bottom: 1rem;
+}
+.login-container {
+  display: flex;
+  justify-content: center;
+  width: 100%;
 }
 </style>