Skip to content
Snippets Groups Projects
Commit 76d9804f authored by Hangzhi Yu's avatar Hangzhi Yu
Browse files

Use filled icons in calendar type select when selected

parent d914b0fe
No related branches found
No related tags found
1 merge request!1355Resolve "Make calendar type select button group mandatory"
Pipeline #158524 passed with warnings
......@@ -14,17 +14,20 @@ export default {
{
type: "month",
translationKey: "calendar.month",
icon: "calendar-month-outline",
icon: "mdi-calendar-month-outline",
iconActive: "mdi-calendar-month",
},
{
type: "week",
translationKey: "calendar.week",
icon: "calendar-week-outline",
icon: "mdi-calendar-week-outline",
iconActive: "mdi-calendar-week",
},
{
type: "day",
translationKey: "calendar.day",
icon: "calendar-today-outline",
icon: "mdi-calendar-today-outline",
iconActive: "mdi-calendar-today",
},
],
};
......@@ -53,7 +56,9 @@ export default {
:key="calendarType.type"
>
<v-icon v-if="$vuetify.breakpoint.smAndDown">{{
"mdi-" + calendarType.icon
calendarType.type === innerValue
? calendarType.iconActive
: calendarType.icon
}}</v-icon>
<span class="hidden-sm-and-down">{{ nameForMenu(calendarType) }}</span>
</v-btn>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment