Team2890/PhotonVision
4
0
Fork 0
mirror of https://github.com/PhotonVision/photonvision synced 2026-06-29 02:21:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve layout

Browse Source
This commit is contained in:
ori agranat
2019-03-24 20:01:57 +02:00
parent a69bd84273
commit bdacdd845f
4 changed files with 48 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
chameleon-client/src/components/ch-select.vue
View File

@@ -1,14 +1,14 @@
<template>
<row type="flex" justify="start" align="middle" :gutter="1" >
<Col>
<h4 style="width:100% ; margin-right:10px;">{{title}}</h4>
</Col>
<col>
<i-select v-model="value" size="small" style="width:40%" v-bind:placeholder="placeholdert" @on-change="handleInput">
<i-option v-for="item in list" :value="item" :key="item">{{item}}</i-option>
</i-select>
</col>
</row>
<Row type="flex" justify="start" align="middle" :gutter="1" >
<Col span="4">
<h4>{{title.charAt(0).toUpperCase() + title.slice(1)}} :</h4>
</Col>
<Col span="4">
<i-select v-model="value" size="small" v-bind:placeholder="list[0]" @on-change="handleInput">
<i-option v-for="item in list" :value="item" :key="item">{{item}}</i-option>
</i-select>
</Col>
</Row>
</template>
<script>
@@ -16,7 +16,6 @@
name: 'ch-select',
props:[
'title',
'placeholdert',
'list'
],
data() {
@@ -35,6 +34,7 @@
<style>
h4 {
color: #e6ebf1;
text-align: left;
}
.ivu-select-selection{
background-color: #2c3e50 !important;