Bug 39320: (QA follow-up): Style new ERMCounts list

Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
This commit is contained in:
Pedro Amorim 2025-10-22 09:39:33 +00:00 committed by Lucas Gass
parent 0e94b8457e
commit d57bb45ce3
No known key found for this signature in database
GPG Key ID: 60B447398B0D36CA
1 changed files with 24 additions and 1 deletions

View File

@ -1,7 +1,7 @@
<template>
<WidgetWrapper v-bind="widgetWrapperProps">
<template #default>
<ul>
<ul class="count-list">
<li v-for="def in countDefinitions" :key="def.name">
<strong>
<router-link v-if="def.page" :to="{ name: def.page }">
@ -132,3 +132,26 @@ export default {
},
};
</script>
<style scoped>
.count-list {
list-style: none;
padding: 0;
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}
.count-list li {
background: #eee;
padding: 0.3em 0.8em;
border-radius: 12px;
}
.inactive-link {
color: #888;
}
.count-list a {
text-decoration: none;
}
.count-list a:hover {
text-decoration: underline;
}
</style>