Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 13:28:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: added text color for active filters info

Browse Source
This commit is contained in:
Spythere
2024-05-25 17:11:28 +02:00
parent bcb9c63cb0
commit 33b98ca313
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StationsView/StationFilterCard.vue
+10 -4
View File
@@ -33,12 +33,13 @@
<div class="card_title flex">{{ $t('filters.title') }}</div>
<p class="card_info" v-html="$t('filters.desc')"></p>
<div class="changed-filters" v-if="changedFilters.length > 0">
{{ $t('filters.changed-filters-count') }} <b>{{ changedFilters.length }}</b>
<div class="changed-filters" :data-active="changedFilters.length > 0">
<template v-if="changedFilters.length > 0">
{{ $t('filters.changed-filters-count') }} <b>{{ changedFilters.length }}</b>
</template>
<template v-else>{{ $t('filters.no-changed-filters') }}</template>
</div>
<div class="changed-filters" v-else>{{ $t('filters.no-changed-filters') }}</div>
<section class="card_options">
<div
class="option-section"
@@ -371,6 +372,7 @@ export default defineComponent({
@import '../../styles/responsive';
@import '../../styles/card';
@import '../../styles/animations';
@import '../../styles/variables';
h3.section-header {
text-align: center;
@@ -390,6 +392,10 @@ h3.section-header {
.changed-filters {
background-color: #111;
padding: 0.5em;
&[data-active='true'] {
color: lightgreen;
}
}
.card_controls {