Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - update display on mobile

Browse Source
This commit is contained in:
Sam 2021-09-28 17:48:17 +02:00
parent fab8cae3b2
commit 991a7acc03
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
fittrackee_client/src/components/Common/Modal.vue
View File

@ -105,7 +105,7 @@
@media screen and (max-width: $small-limit) { @media screen and (max-width: $small-limit) {
.custom-modal { .custom-modal {
margin: 20% 0; margin: 50% 0;
width: 100%; width: 100%;
} }
} }

3
fittrackee_client/src/components/Workout/WorkoutEdition.vue
View File

@ -82,7 +82,7 @@
import { translateSports } from '@/utils/sports' import { translateSports } from '@/utils/sports'
export default defineComponent({ export default defineComponent({
name: 'AddOrEditWorkout', name: 'WorkoutEdition',
components: { components: {
Card, Card,
CustomTextArea, CustomTextArea,
@ -190,6 +190,7 @@
@media screen and (max-width: $small-limit) { @media screen and (max-width: $small-limit) {
width: 100%; width: 100%;
margin: 15% auto;
} }
} }
</style> </style>

6
fittrackee_client/src/views/EditWorkout.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div id="edit-workout"> <div id="edit-workout">
<div class="container"> <div class="container">
<AddOrEditWorkout :sports="sports" :workout="workoutData.workout" /> <WorkoutEdition :sports="sports" :workout="workoutData.workout" />
</div> </div>
</div> </div>
</template> </template>
@ -16,7 +16,7 @@
} from 'vue' } from 'vue'
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
import AddOrEditWorkout from '@/components/Workout/WorkoutEdition.vue' import WorkoutEdition from '@/components/Workout/WorkoutEdition.vue'
import { SPORTS_STORE, WORKOUTS_STORE } from '@/store/constants' import { SPORTS_STORE, WORKOUTS_STORE } from '@/store/constants'
import { ISport } from '@/types/sports' import { ISport } from '@/types/sports'
import { IWorkoutData } from '@/types/workouts' import { IWorkoutData } from '@/types/workouts'
@ -25,7 +25,7 @@
export default defineComponent({ export default defineComponent({
name: 'EditWorkout', name: 'EditWorkout',
components: { components: {
AddOrEditWorkout, WorkoutEdition,
}, },
setup() { setup() {
const route = useRoute() const route = useRoute()