Client - refacto + display fix and improvements

fittrackee_client/src/views/DashBoard.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="dashboard" v-if="authUser.username && sports.length > 0">
     <div class="container mobile-menu">
-      <Card>
+      <Card :without-title="true">
         <template #content>
           <button
             class="mobile-menu-item"
@@ -145,7 +145,7 @@
       display: none;
     }
 
-    @media screen and (max-width: $small-limit) {
+    @media screen and (max-width: $medium-limit) {
       padding-bottom: 60px;
       .dashboard-container {
         display: flex;

fittrackee_client/src/views/EditWorkout.vue

@@ -66,7 +66,3 @@
     },
   })
 </script>
-
-<style lang="scss" scoped>
-  @import '~@/scss/base';
-</style>

fittrackee_client/src/views/LoginOrRegister.vue

@@ -36,28 +36,36 @@
   @import '~@/scss/base';
 
   #loginOrRegister {
+    display: flex;
     height: 100%;
 
     .container {
       display: flex;
       flex-direction: row;
       justify-content: space-evenly;
-
-      height: 100%;
       margin-bottom: $default-margin * 2;
+      width: 100%;
 
       .container-sub {
         min-width: 50%;
+        height: 100%;
       }
-
-      @media screen and (max-width: $medium-limit) {
-        display: block;
+    }
+    @media screen and (max-width: $medium-limit) {
+      height: auto;
+      .container {
         .container-sub {
+          align-items: center;
           .bike-img {
-            margin-top: $default-margin * 1.5;
+            max-width: 60%;
           }
         }
       }
     }
+    @media screen and (max-width: $small-limit) {
+      .container {
+        flex-direction: column;
+      }
+    }
   }
 </style>