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

Client - make arrow buttons wider on workout card

Browse Source
This commit is contained in:
Sam 2023-07-12 09:06:45 +02:00
parent b0369fa3c9
commit c6edfc2661
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue
View File

@ -131,6 +131,7 @@
.workout-arrow {
cursor: pointer;
padding: $default-padding;
&.inactive {
color: var(--disabled-color);
cursor: default;
@ -168,12 +169,19 @@
cursor: pointer;
padding: 0 $default-padding * 0.3;
}
}
@media screen and (max-width: $small-limit) {
.fa-download,
.fa-trash,
.fa-edit {
padding: 0 $default-padding * 0.7;
@media screen and (max-width: $small-limit) {
.workout-arrow {
padding: $default-padding * 0.5;
}
.workout-card-title {
@media screen and (max-width: $small-limit) {
.fa-download,
.fa-trash,
.fa-edit {
padding: 0 $default-padding * 0.7;
}
}
}
}

3
fittrackee_client/src/components/Workout/WorkoutDetail/index.vue
View File

@ -184,6 +184,9 @@
display: flex;
::v-deep(.card) {
width: 100%;
.card-title {
padding: $default-padding $default-padding * 1.5;
}
.card-content {
display: flex;
flex-direction: row;