Client - style update

This commit is contained in:
Sam 2021-09-24 14:10:20 +02:00
parent 34c51c6ef0
commit 66f2f3a4df
3 changed files with 46 additions and 25 deletions

View File

@ -104,8 +104,17 @@
<style lang="scss" scoped>
@import '~@/scss/base';
.leaflet-container {
height: 400px;
width: 600px;
#workout-map {
.leaflet-container {
height: 400px;
width: 600px;
}
@media screen and (max-width: $small-limit) {
.leaflet-container {
width: 100%;
height: 300px;
}
}
}
</style>

View File

@ -81,7 +81,9 @@
<style lang="scss" scoped>
@import '~@/scss/base';
.workout-detail {
display: flex;
::v-deep(.card) {
width: 100%;
.card-title {
display: flex;
justify-content: space-between;

View File

@ -1,21 +1,23 @@
<template>
<div id="workout">
<div class="workout-loading" v-if="workout.loading">
<div class="loading">
<Loader />
<div class="container">
<div class="workout-loading" v-if="workout.loading">
<div class="loading">
<Loader />
</div>
</div>
</div>
<div v-else class="container">
<div v-if="workout.workout.id">
<WorkoutDetail
v-if="sports.length > 0"
:workout="workout"
:sports="sports"
:authUser="authUser"
/>
</div>
<div class="container" v-else>
<NotFound target="WORKOUT" />
<div v-else class="workout-container">
<div v-if="workout.workout.id">
<WorkoutDetail
v-if="sports.length > 0"
:workout="workout"
:sports="sports"
:authUser="authUser"
/>
</div>
<div v-else>
<NotFound target="WORKOUT" />
</div>
</div>
</div>
</div>
@ -66,13 +68,21 @@
<style lang="scss" scoped>
@import '~@/scss/base';
#workout {
.workout-loading {
height: $app-height;
.loading {
display: flex;
align-items: center;
height: 100%;
display: flex;
.container {
width: 100%;
padding: 0;
.workout-container {
width: 100%;
}
.workout-loading {
height: $app-height;
width: 100%;
.loading {
display: flex;
align-items: center;
height: 100%;
}
}
}
}