|
Lines 1-7
Link Here
|
| 1 |
<template> |
1 |
<template> |
| 2 |
<WidgetWrapper v-bind="widgetWrapperProps"> |
2 |
<WidgetWrapper v-bind="widgetWrapperProps"> |
| 3 |
<template #default> |
3 |
<template #default> |
| 4 |
<ul> |
4 |
<ul class="count-list"> |
| 5 |
<li v-for="def in countDefinitions" :key="def.name"> |
5 |
<li v-for="def in countDefinitions" :key="def.name"> |
| 6 |
<strong> |
6 |
<strong> |
| 7 |
<router-link v-if="def.page" :to="{ name: def.page }"> |
7 |
<router-link v-if="def.page" :to="{ name: def.page }"> |
|
Lines 132-134
export default {
Link Here
|
| 132 |
}, |
132 |
}, |
| 133 |
}; |
133 |
}; |
| 134 |
</script> |
134 |
</script> |
| 135 |
- |
135 |
<style scoped> |
|
|
136 |
.count-list { |
| 137 |
list-style: none; |
| 138 |
padding: 0; |
| 139 |
display: flex; |
| 140 |
gap: 0.75rem; |
| 141 |
flex-wrap: wrap; |
| 142 |
} |
| 143 |
.count-list li { |
| 144 |
background: #eee; |
| 145 |
padding: 0.3em 0.8em; |
| 146 |
border-radius: 12px; |
| 147 |
} |
| 148 |
.inactive-link { |
| 149 |
color: #888; |
| 150 |
} |
| 151 |
.count-list a { |
| 152 |
text-decoration: none; |
| 153 |
} |
| 154 |
.count-list a:hover { |
| 155 |
text-decoration: underline; |
| 156 |
} |
| 157 |
</style> |