Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 21:38:13 +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> <div class="card_title flex">{{ $t('filters.title') }}</div>
<p class="card_info" v-html="$t('filters.desc')"></p> <p class="card_info" v-html="$t('filters.desc')"></p>
<div class="changed-filters" v-if="changedFilters.length > 0"> <div class="changed-filters" :data-active="changedFilters.length > 0">
{{ $t('filters.changed-filters-count') }} <b>{{ changedFilters.length }}</b> <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>
<div class="changed-filters" v-else>{{ $t('filters.no-changed-filters') }}</div>
<section class="card_options"> <section class="card_options">
<div <div
class="option-section" class="option-section"
@@ -371,6 +372,7 @@ export default defineComponent({
@import '../../styles/responsive'; @import '../../styles/responsive';
@import '../../styles/card'; @import '../../styles/card';
@import '../../styles/animations'; @import '../../styles/animations';
@import '../../styles/variables';
h3.section-header { h3.section-header {
text-align: center; text-align: center;
@@ -390,6 +392,10 @@ h3.section-header {
.changed-filters { .changed-filters {
background-color: #111; background-color: #111;
padding: 0.5em; padding: 0.5em;
&[data-active='true'] {
color: lightgreen;
}
} }
.card_controls { .card_controls {