mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-03 13:28:11 +00:00
Poprawki select boxa
This commit is contained in:
@@ -34,10 +34,8 @@ import { Component, Vue, Prop, Emit } from "vue-property-decorator";
|
|||||||
|
|
||||||
@Component
|
@Component
|
||||||
export default class SelectBox extends Vue {
|
export default class SelectBox extends Vue {
|
||||||
@Prop({ required: true }) title!: string;
|
|
||||||
@Prop({ required: true }) itemList!: { id: string | number; value: string }[];
|
@Prop({ required: true }) itemList!: { id: string | number; value: string }[];
|
||||||
@Prop({ default: 0 }) defaultItemIndex!: number;
|
@Prop({ default: 0 }) defaultItemIndex!: number;
|
||||||
@Prop() bgColor!: string;
|
|
||||||
|
|
||||||
boxVisible = false;
|
boxVisible = false;
|
||||||
|
|
||||||
@@ -99,6 +97,8 @@ export default class SelectBox extends Vue {
|
|||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
min-width: 10em;
|
min-width: 10em;
|
||||||
|
|
||||||
background: #333;
|
background: #333;
|
||||||
@@ -111,6 +111,8 @@ export default class SelectBox extends Vue {
|
|||||||
top: 100%;
|
top: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
||||||
|
height: auto;
|
||||||
|
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -167,7 +169,7 @@ label {
|
|||||||
background: #555;
|
background: #555;
|
||||||
}
|
}
|
||||||
|
|
||||||
padding: 0.25em 0;
|
padding: 0.75em 0;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
|||||||
@@ -19,7 +19,6 @@
|
|||||||
<div class="checkpoints">
|
<div class="checkpoints">
|
||||||
<select-box
|
<select-box
|
||||||
v-if="stationInfo && stationInfo.checkpoints"
|
v-if="stationInfo && stationInfo.checkpoints"
|
||||||
:title="selectedOption"
|
|
||||||
:itemList="
|
:itemList="
|
||||||
stationInfo.checkpoints.map((cp, i) => ({
|
stationInfo.checkpoints.map((cp, i) => ({
|
||||||
id: cp.checkpointName,
|
id: cp.checkpointName,
|
||||||
|
|||||||
@@ -157,7 +157,7 @@ export default class TrainOptions extends Vue {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.select-box {
|
.select-box {
|
||||||
margin-top: 0.5em;
|
margin: 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search {
|
.search {
|
||||||
|
|||||||
Reference in New Issue
Block a user