2
0
mirror of https://github.com/frappe/books.git synced 2024-11-13 00:46:28 +00:00

fix: Base Control

Use input-class prop instead of background to set background color
This commit is contained in:
Faris Ansari 2020-02-03 23:24:37 +05:30
parent 0e5df61045
commit 3655451250
3 changed files with 5 additions and 7 deletions

View File

@ -28,7 +28,6 @@ export default {
'size', 'size',
'showLabel', 'showLabel',
'readOnly', 'readOnly',
'background',
'autofocus' 'autofocus'
], ],
inject: { inject: {
@ -55,8 +54,7 @@ export default {
let classes = [ let classes = [
{ {
'px-3 py-2': this.size !== 'small', 'px-3 py-2': this.size !== 'small',
'px-2 py-1': this.size === 'small', 'px-2 py-1': this.size === 'small'
'bg-gray-100': this.background
}, },
'focus:outline-none focus:bg-gray-200 rounded w-full text-gray-900 placeholder-gray-400' 'focus:outline-none focus:bg-gray-200 rounded w-full text-gray-900 placeholder-gray-400'
]; ];

View File

@ -28,7 +28,7 @@
<div class="w-24"> <div class="w-24">
<FormControl <FormControl
size="small" size="small"
:background="true" input-class="bg-gray-100"
:df="{ :df="{
placeholder: 'Field', placeholder: 'Field',
fieldname: 'fieldname', fieldname: 'fieldname',
@ -42,7 +42,7 @@
<div class="ml-2 w-24"> <div class="ml-2 w-24">
<FormControl <FormControl
size="small" size="small"
:background="true" input-class="bg-gray-100"
:df="{ :df="{
placeholder: 'Condition', placeholder: 'Condition',
fieldname: 'condition', fieldname: 'condition',
@ -56,7 +56,7 @@
<div class="ml-2 w-24"> <div class="ml-2 w-24">
<FormControl <FormControl
size="small" size="small"
:background="true" input-class="bg-gray-100"
:df="{ :df="{
placeholder: 'Value', placeholder: 'Value',
fieldname: 'value', fieldname: 'value',

View File

@ -14,7 +14,7 @@
> >
<FormControl <FormControl
size="small" size="small"
:background="true" input-class="bg-gray-100"
:df="df" :df="df"
:value="filters[df.fieldname]" :value="filters[df.fieldname]"
@change="value => onFilterChange(df, value)" @change="value => onFilterChange(df, value)"