feat: [console-lite] - fast fix small css on market selector (#1290)

Co-authored-by: maciek <maciek@vegaprotocol.io>
This commit is contained in:
macqbat 2022-09-08 15:55:17 +02:00 committed by GitHub
parent 37aa5be725
commit 93f41d429f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -196,7 +196,7 @@ export const MarketSelector = ({ market, setMarket, ItemRenderer }: Props) => {
<div className="relative flex flex-col"> <div className="relative flex flex-col">
<div className="relative w-full min-h-[30px]"> <div className="relative w-full min-h-[30px]">
<Input <Input
className="h-[30px] w-[calc(100%-20px)] border-none" className="h-[30px] w-[calc(100%-20px)] border-none outline-none"
ref={inputRef} ref={inputRef}
tabIndex={0} tabIndex={0}
value={lookup} value={lookup}
@ -205,7 +205,7 @@ export const MarketSelector = ({ market, setMarket, ItemRenderer }: Props) => {
onKeyDown={handleInputKeyDown} onKeyDown={handleInputKeyDown}
onBlur={handleOnBlur} onBlur={handleOnBlur}
/> />
<span className="absolute self-end top-[7px] right-0 z-10"> <span className="absolute self-end top-0 right-0 z-10">
<ButtonLink <ButtonLink
onClick={openPane} onClick={openPane}
ref={arrowButtonRef} ref={arrowButtonRef}
@ -220,7 +220,7 @@ export const MarketSelector = ({ market, setMarket, ItemRenderer }: Props) => {
</ButtonLink> </ButtonLink>
</span> </span>
</div> </div>
<hr className="mb-5" /> <hr className="mb-2" />
<div <div
className={classNames( className={classNames(
'md:absolute z-20 flex flex-col top-[30px] md:drop-shadow-md md:border md:border-black md:dark:border-white bg-white dark:bg-black text-black dark:text-white min-w-full md:max-h-[200px] overflow-y-auto', 'md:absolute z-20 flex flex-col top-[30px] md:drop-shadow-md md:border md:border-black md:dark:border-white bg-white dark:bg-black text-black dark:text-white min-w-full md:max-h-[200px] overflow-y-auto',