Client - update display on mobile

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

View File

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

View File

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

View File

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