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

Client - update stats chart display (wip)

Browse Source
This commit is contained in:
Sam
2021-09-05 09:41:39 +02:00
parent 0e98efe5a9
commit 18908ce89d
6 changed files with 88 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,12 +3,12 @@
<div class="container">
<UserStats :user="authUser" v-if="authUser.username" />
</div>
<div class="container">
<div class="left-container dashboard-container">
<div class="container dashboard-container">
<div class="left-container dashboard-sub-container">
<UserMonthStats :user="authUser" />
<UserRecords />
</div>
<div class="right-container dashboard-container">
<div class="right-container dashboard-sub-container">
<UserCalendar />
<Timeline />
</div>
@ -51,12 +51,28 @@
@import '~@/scss/base';
.dashboard-container {
display: flex;
flex-direction: column;
flex-direction: row;
.dashboard-sub-container {
display: flex;
flex-direction: column;
}
.left-container {
width: 35%;
}
.right-container {
width: 65%;
}
}
.left-container {
width: 35%;
}
.right-container {
width: 65%;
@media screen and (max-width: $small-limit) {
.dashboard-container {
display: flex;
flex-direction: column;
.left-container {
width: 100%;
}
.right-container {
width: 100%;
}
}
}
</style>