Team2890/PhotonVision
4
0
Fork 0
mirror of https://github.com/PhotonVision/photonvision synced 2026-07-05 03:21:40 +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

36
chameleon-client/src/components/ch-slider.vue
View File

@@ -1,15 +1,15 @@
<template>
<row type="flex" justify="start" align="middle" :gutter="1" >
<Col>
<h4 style="width:100%">{{title}}</h4>
</Col>
<col >
<InputNumber style="margin-left: 5px ;width:10%;" v-model="value" size="small"></InputNumber>
</col>
<Col span="14">
<Slider style="margin-left:10px;" v-model="value" @on-input="handleInput"></Slider>
</col>
<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" style="text-align: left">
<InputNumber style="align-self: flex-start;" v-model="value" size="small"></InputNumber>
</Col>
<Col span="14">
<Slider v-model="value" @on-input="handleInput"></Slider>
</Col>
</row>
</template>
@@ -30,13 +30,15 @@
}
</script>
<style >
<style>
h4 {
color: #e6ebf1;
}
.ivu-input-number-input{
background-color: #2c3e50 !important;
color: #fff !important;
}
color: #e6ebf1;
text-align: left;
}
.ivu-input-number-input{
background-color: #2c3e50 !important;
color: #fff !important;
}
</style>