Client - update display on mobile
This commit is contained in:
parent
fab8cae3b2
commit
991a7acc03
@ -105,7 +105,7 @@
|
||||
|
||||
@media screen and (max-width: $small-limit) {
|
||||
.custom-modal {
|
||||
margin: 20% 0;
|
||||
margin: 50% 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
@ -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>
|
||||
|
@ -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()
|
||||
|
Loading…
Reference in New Issue
Block a user