Zmiany w wyglądzie listy pociągów

This commit is contained in:
2020-11-05 01:15:12 +01:00
parent fe3a15c452
commit 42f84643cc
13 changed files with 258 additions and 157 deletions
+4 -4
View File
@@ -5,12 +5,12 @@
<div class="title">Sortuj według</div>
<div class="selected" @click="toggleOptionList">
<span>{{sorterName}}</span>
<span>{{ sorterName }}</span>
<img :src="require('@/assets/icon-select.svg')" alt="icon-select" />
</div>
<div class="options-container">
<ul class="options-list" :class="{'open': listOpen}">
<ul class="options-list" :class="{ open: listOpen }">
<li
class="option"
v-for="(option, i) in sortOptionList"
@@ -18,7 +18,7 @@
@click="() => chooseOption(option)"
>
<input type="radio" name="sort" :id="option.id" />
<label :for="option.id">{{option.content}}</label>
<label :for="option.id">{{ option.content }}</label>
</li>
</ul>
</div>
@@ -137,7 +137,7 @@ export default class TrainSorter extends Vue {
top: 0;
left: 0;
z-index: 5;
z-index: 10;
width: 100%;
background-color: rgba(#222, 0.95);