torsten/yourpart3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(icons): add SVG icons for various categories including health, education, and politics

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-08-28 11:18:50 +02:00
parent fe08433747
commit 89215793ab
16 changed files with 75 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/falukant/StatusBar.vue
View File

@@ -40,8 +40,8 @@
<div class="quick-access">
<template v-for="[key, menuItem] in falukantQuickAccessChildren" :key="menuItem.id || key" >
<img
:src="'/images/icons/falukant/shortmap/' + key + '.png'"
class="menu-icon"
:src="'/images/icons/falukant/shortmap/' + key + '.svg'"
class="menu-icon menu-icon--quick-access"
@click="openPage(menuItem.path)"
:title="$t(`navigation.m-falukant.${key}`)"
/>
@@ -152,7 +152,7 @@ export default {
// Lade alle Schnellzugriffs-Bilder vor, damit sie gecacht werden
this.falukantQuickAccessChildren.forEach(([key]) => {
const img = new Image();
img.src = `/images/icons/falukant/shortmap/${key}.png`;
img.src = `/images/icons/falukant/shortmap/${key}.svg`;
});
// Lade auch andere häufig verwendete Bilder vor
@@ -462,6 +462,18 @@ export default {
padding: 4px 2px 0 0;
}
.menu-icon--quick-access {
padding: 2px;
border-radius: 6px;
transition: background-color 140ms ease, filter 140ms ease, transform 140ms ease;
}
.menu-icon--quick-access:hover {
background: rgba(154, 113, 54, 0.12);
filter: drop-shadow(0 1px 1px rgba(41, 54, 46, 0.16));
transform: translateY(-1px);
}
.relationship-icon {
max-width: 24px;
max-height: 24px;