Client - style update
This commit is contained in:
parent
34c51c6ef0
commit
66f2f3a4df
@ -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>
|
||||
|
@ -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;
|
||||
|
@ -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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user