Poprawki select boxa

This commit is contained in:
2021-06-01 14:55:13 +02:00
parent adc61d8061
commit b6267ad88c
3 changed files with 6 additions and 5 deletions
+5 -3
View File
@@ -34,10 +34,8 @@ import { Component, Vue, Prop, Emit } from "vue-property-decorator";
@Component
export default class SelectBox extends Vue {
@Prop({ required: true }) title!: string;
@Prop({ required: true }) itemList!: { id: string | number; value: string }[];
@Prop({ default: 0 }) defaultItemIndex!: number;
@Prop() bgColor!: string;
boxVisible = false;
@@ -99,6 +97,8 @@ export default class SelectBox extends Vue {
position: relative;
margin: 0 auto;
height: 100%;
min-width: 10em;
background: #333;
@@ -111,6 +111,8 @@ export default class SelectBox extends Vue {
top: 100%;
left: 0;
height: auto;
z-index: 10;
width: 100%;
@@ -167,7 +169,7 @@ label {
background: #555;
}
padding: 0.25em 0;
padding: 0.75em 0;
width: 100%;
@@ -19,7 +19,6 @@
<div class="checkpoints">
<select-box
v-if="stationInfo && stationInfo.checkpoints"
:title="selectedOption"
:itemList="
stationInfo.checkpoints.map((cp, i) => ({
id: cp.checkpointName,
+1 -1
View File
@@ -157,7 +157,7 @@ export default class TrainOptions extends Vue {
}
.select-box {
margin-top: 0.5em;
margin: 0.5em 0;
}
.search {