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 w-full min-h-[30px]">
<Input
className="h-[30px] w-[calc(100%-20px)] border-none"
className="h-[30px] w-[calc(100%-20px)] border-none outline-none"
ref={inputRef}
tabIndex={0}
value={lookup}
@ -205,7 +205,7 @@ export const MarketSelector = ({ market, setMarket, ItemRenderer }: Props) => {
onKeyDown={handleInputKeyDown}
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
onClick={openPane}
ref={arrowButtonRef}
@ -220,7 +220,7 @@ export const MarketSelector = ({ market, setMarket, ItemRenderer }: Props) => {
</ButtonLink>
</span>
</div>
<hr className="mb-5" />
<hr className="mb-2" />
<div
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',