mobile adaptation

src/i18n/locales/ru.json

@@ -56,8 +56,8 @@
     "users": "Users",
     "projects": "Projects",
     "workouts": "Тренировки",
-    "upload_workouts": "Загрузить тренировку",
-    "list_workouts": "Лента"
+    "upload_workouts": "Загрузить",
+    "list_workouts": "Мои"
   },
   "messages": {
     "all": "See all messages",

src/layouts/AppLayout.vue

@@ -112,4 +112,7 @@ const onCloseSidebarButtonClick = () => {
   width: unset !important;
   min-width: unset !important;
 }
+body {
+  min-width: 350px;
+}
 </style>

src/pages/workouts/components/GetWorkout.ts

@@ -67,7 +67,7 @@ export const GetWorkout = (url: string)  => {
                 datasets: datasets
 
             }
-            if (response.data.workout.external_links && response.data.workout.external_links.values) {
+            if (response.data.workout.external_links && response.data.workout.external_links.values && response.data.workout.external_links.values.length > 0) {
                 dzenLink = response.data.workout.external_links.values[0].value;
             }
             return { workoutItem, mapCenter, lineCoordinates, data, dzenLink };

src/pages/workouts/components/WorkoutItem.vue

@@ -334,8 +334,8 @@ const resetChartZoom = () => {
     display: flex;
     width: 100%;
     justify-content: space-between;
+    min-width: 350px;
 }
-
 #workout-map {
     width: 70%;
 }
@@ -344,6 +344,30 @@ const resetChartZoom = () => {
     width: 30%;
     padding: 0 0 0 20px;
 }
+@media (max-width: 550px) {
+    #workout-container {
+        flex-direction: column;
+    }
+    #workout-map {
+        width: 100%;
+    }
+    #workout-short-data {
+        margin: 11px auto 0 auto;
+        width: 80%;
+    }
+}
+@media (min-width: 551px) and (max-width: 805px) {
+    #workout-container {
+        flex-direction: column;
+    }
+    #workout-map {
+        width: 100%;
+    }
+    #workout-short-data {
+        width: 50%;
+        margin: 11px auto 0 auto;
+    }
+}
 h3 {
     margin-bottom: 10px;
     font-size: 20px;