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

Client - init workouts timeline

Browse Source
This commit is contained in:
Sam
2021-09-20 12:18:40 +02:00
parent f3f1142479
commit 45abd58b79
16 changed files with 331 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
fittrackee_client/src/views/DashBoard.vue
View File

@ -5,12 +5,12 @@
</div>
<div class="container dashboard-container">
<div class="left-container dashboard-sub-container">
<UserMonthStats :user="authUser" />
<UserRecords />
<UserCalendar :user="authUser" />
<!-- <UserMonthStats :user="authUser" />-->
<!-- <UserRecords />-->
</div>
<div class="right-container dashboard-sub-container">
<UserCalendar :user="authUser" />
<Timeline />
<Timeline :user="authUser" />
</div>
</div>
</div>
@ -19,10 +19,10 @@
<script lang="ts">
import { computed, ComputedRef, defineComponent } from 'vue'
import Timeline from '@/components/Dashboard/Timeline.vue'
import Timeline from '@/components/Dashboard/Timeline/index.vue'
import UserCalendar from '@/components/Dashboard/UserCalendar/index.vue'
import UserMonthStats from '@/components/Dashboard/UserMonthStats.vue'
import UserRecords from '@/components/Dashboard/UserRecords.vue'
// import UserMonthStats from '@/components/Dashboard/UserMonthStats.vue'
// import UserRecords from '@/components/Dashboard/UserRecords.vue'
import UserStatsCards from '@/components/Dashboard/UserStartsCards/index.vue'
import { USER_STORE } from '@/store/constants'
import { IAuthUserProfile } from '@/types/user'
@ -33,8 +33,8 @@
components: {
Timeline,
UserCalendar,
UserMonthStats,
UserRecords,
// UserMonthStats,
// UserRecords,
UserStatsCards,
},
setup() {
@ -47,20 +47,21 @@
})
</script>
<style lang="scss">
<style lang="scss" scoped>
@import '~@/scss/base';
.dashboard-container {
display: flex;
flex-direction: row;
padding-bottom: 30px;
.dashboard-sub-container {
display: flex;
flex-direction: column;
}
.left-container {
width: 35%;
width: 65%;
}
.right-container {
width: 65%;
width: 35%;
}
}
@media screen and (max-width: $small-limit) {