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 { .workout-arrow {
cursor: pointer; cursor: pointer;
padding: $default-padding;
&.inactive { &.inactive {
color: var(--disabled-color); color: var(--disabled-color);
cursor: default; cursor: default;
@ -168,12 +169,19 @@
cursor: pointer; cursor: pointer;
padding: 0 $default-padding * 0.3; padding: 0 $default-padding * 0.3;
} }
}
@media screen and (max-width: $small-limit) { @media screen and (max-width: $small-limit) {
.fa-download, .workout-arrow {
.fa-trash, padding: $default-padding * 0.5;
.fa-edit { }
padding: 0 $default-padding * 0.7; .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; display: flex;
::v-deep(.card) { ::v-deep(.card) {
width: 100%; width: 100%;
.card-title {
padding: $default-padding $default-padding * 1.5;
}
.card-content { .card-content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;