b078fc9aad
* chore: change tab panel background and spacing * chore: prevent tabs shiting on click, bg tweak * chore: adjust chrome layout/spacing * chore: fix horizontal alignment when accordion chevron rotates * chore: adjusting bold levels and making market name pink on light theme * chore: changing white theme header to black background * chore: re-ordering bottom tabs * chore: tweaking font sizes * chore: adjusting dropdown button hover colour * chore: colour tweaks for accessibility, plus orderbook column widths * Remove redundant style Removed 'bg-white' left by error. * Setting header text to white * chore: alterative fix to prevent tabs moving * chore: fixing header font colours * chore: adding padding to orderbook * chore: preventing modal close icon from moving on focus * chore: remove inner shadow from selectbox * chore: adding padding to orderbook * chore: preventing @ sign from moving when changing order type * chore: fix background colour on smaller responsive view * chore: fix truncated market header on smaller responsive view * chore: reorder tabs in smaller responsive view to match standard view * fix: fix broken test
22 lines
721 B
TypeScript
22 lines
721 B
TypeScript
import classnames from 'classnames';
|
|
|
|
export const defaultFormElement = (hasError?: boolean) =>
|
|
classnames(
|
|
'flex items-center w-full',
|
|
'box-border',
|
|
'border rounded-none',
|
|
'bg-clip-padding',
|
|
'bg-white dark:bg-white-25',
|
|
'text-black placeholder:text-black-60 dark:text-white dark:placeholder:text-white-60',
|
|
'text-ui',
|
|
'px-8',
|
|
'focus-visible:outline-none',
|
|
'disabled:bg-black-10 disabled:dark:bg-white-10',
|
|
{
|
|
'input-border dark:input-border-dark focus-visible:shadow-input-focus dark:focus-visible:shadow-input-focus-dark':
|
|
!hasError,
|
|
'border-vega-red focus:shadow-input-focus-error dark:focus:shadow-input-focus-error-dark':
|
|
hasError,
|
|
}
|
|
);
|