mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-21 15:20:34 +00:00
BIG-225 Optimize style of refund vendor form.
This commit is contained in:
@@ -33,7 +33,7 @@ function RefundVendorCreditFloatingActions({
|
|||||||
<Button
|
<Button
|
||||||
intent={Intent.PRIMARY}
|
intent={Intent.PRIMARY}
|
||||||
loading={isSubmitting}
|
loading={isSubmitting}
|
||||||
style={{ minWidth: '85px' }}
|
style={{ minWidth: '120px' }}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<T id={'refund'} />
|
<T id={'refund'} />
|
||||||
|
|||||||
@@ -30,7 +30,6 @@ import {
|
|||||||
import { useAutofocus } from 'hooks';
|
import { useAutofocus } from 'hooks';
|
||||||
import { ACCOUNT_TYPE } from 'common/accountTypes';
|
import { ACCOUNT_TYPE } from 'common/accountTypes';
|
||||||
import { useRefundVendorCreditContext } from './RefundVendorCreditFormProvider';
|
import { useRefundVendorCreditContext } from './RefundVendorCreditFormProvider';
|
||||||
import withSettings from 'containers/Settings/withSettings';
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Refund Vendor credit form fields.
|
* Refund Vendor credit form fields.
|
||||||
@@ -50,7 +49,6 @@ function RefundVendorCreditFormFields() {
|
|||||||
className={classNames('form-group--select-list', CLASSES.FILL)}
|
className={classNames('form-group--select-list', CLASSES.FILL)}
|
||||||
intent={inputIntent({ error, touched })}
|
intent={inputIntent({ error, touched })}
|
||||||
helperText={<ErrorMessage name="refund_date" />}
|
helperText={<ErrorMessage name="refund_date" />}
|
||||||
inline={true}
|
|
||||||
>
|
>
|
||||||
<DateInput
|
<DateInput
|
||||||
{...momentFormatter('YYYY/MM/DD')}
|
{...momentFormatter('YYYY/MM/DD')}
|
||||||
@@ -79,7 +77,6 @@ function RefundVendorCreditFormFields() {
|
|||||||
className={classNames('form-group--amount', CLASSES.FILL)}
|
className={classNames('form-group--amount', CLASSES.FILL)}
|
||||||
intent={inputIntent({ error, touched })}
|
intent={inputIntent({ error, touched })}
|
||||||
helperText={<ErrorMessage name="amount" />}
|
helperText={<ErrorMessage name="amount" />}
|
||||||
inline={true}
|
|
||||||
>
|
>
|
||||||
<ControlGroup>
|
<ControlGroup>
|
||||||
<InputPrependText text={values.currency_code} />
|
<InputPrependText text={values.currency_code} />
|
||||||
@@ -104,7 +101,6 @@ function RefundVendorCreditFormFields() {
|
|||||||
className={classNames('form-group--reference', CLASSES.FILL)}
|
className={classNames('form-group--reference', CLASSES.FILL)}
|
||||||
intent={inputIntent({ error, touched })}
|
intent={inputIntent({ error, touched })}
|
||||||
helperText={<ErrorMessage name="reference" />}
|
helperText={<ErrorMessage name="reference" />}
|
||||||
inline={true}
|
|
||||||
>
|
>
|
||||||
<InputGroup
|
<InputGroup
|
||||||
intent={inputIntent({ error, touched })}
|
intent={inputIntent({ error, touched })}
|
||||||
@@ -128,7 +124,6 @@ function RefundVendorCreditFormFields() {
|
|||||||
labelInfo={<FieldRequiredHint />}
|
labelInfo={<FieldRequiredHint />}
|
||||||
intent={inputIntent({ error, touched })}
|
intent={inputIntent({ error, touched })}
|
||||||
helperText={<ErrorMessage name={'deposit_account_id'} />}
|
helperText={<ErrorMessage name={'deposit_account_id'} />}
|
||||||
inline={true}
|
|
||||||
>
|
>
|
||||||
<AccountsSuggestField
|
<AccountsSuggestField
|
||||||
selectedAccountId={value}
|
selectedAccountId={value}
|
||||||
@@ -154,7 +149,6 @@ function RefundVendorCreditFormFields() {
|
|||||||
<FormGroup
|
<FormGroup
|
||||||
label={<T id={'refund_vendor_credit.dialog.description'} />}
|
label={<T id={'refund_vendor_credit.dialog.description'} />}
|
||||||
className={'form-group--description'}
|
className={'form-group--description'}
|
||||||
inline={true}
|
|
||||||
>
|
>
|
||||||
<TextArea growVertically={true} {...field} />
|
<TextArea growVertically={true} {...field} />
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
|
|||||||
@@ -63,8 +63,8 @@ export function ActionsMenu({
|
|||||||
}
|
}
|
||||||
>
|
>
|
||||||
<MenuItem
|
<MenuItem
|
||||||
icon={<Icon icon="quick-payment-16" />}
|
|
||||||
text={intl.get('vendor_credits.action.reconcile_with_bills')}
|
text={intl.get('vendor_credits.action.reconcile_with_bills')}
|
||||||
|
icon={<Icon icon="receipt-24" iconSize={16} />}
|
||||||
onClick={safeCallback(onReconcile, original)}
|
onClick={safeCallback(onReconcile, original)}
|
||||||
/>
|
/>
|
||||||
</If>
|
</If>
|
||||||
|
|||||||
@@ -1,13 +1,9 @@
|
|||||||
.dialog--refund-vendor-credit {
|
.dialog--refund-vendor-credit {
|
||||||
|
max-width: 450px;
|
||||||
|
|
||||||
.bp3-dialog-body {
|
.bp3-dialog-body {
|
||||||
.bp3-form-group {
|
.bp3-form-group {
|
||||||
label.bp3-label {
|
margin-bottom: 16px;
|
||||||
min-width: 140px;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
.bp3-form-content {
|
|
||||||
width: 250px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-group {
|
.form-group {
|
||||||
|
|||||||
Reference in New Issue
Block a user