increase dropdown box max-height (#19)
This commit is contained in:
parent
7558165c27
commit
407bdd8c0d
|
@ -36,7 +36,7 @@ const Select = ({
|
|||
{open ? (
|
||||
<Listbox.Options
|
||||
static
|
||||
className={`text-th-fgd-1 max-h-40 overflow-auto z-20 w-full p-1 absolute left-0 mt-1 bg-th-bkg-1 origin-top-left divide-y divide-th-bkg-3 shadow-lg outline-none rounded-md thin-scroll`}
|
||||
className={`text-th-fgd-1 max-h-56 overflow-auto z-20 w-full p-1 absolute left-0 mt-1 bg-th-bkg-1 origin-top-left divide-y divide-th-bkg-3 shadow-lg outline-none rounded-md thin-scroll`}
|
||||
>
|
||||
{children}
|
||||
</Listbox.Options>
|
||||
|
|
|
@ -5,12 +5,14 @@ import 'tippy.js/animations/scale.css'
|
|||
type TooltipProps = {
|
||||
content: ReactNode
|
||||
className?: string
|
||||
placement?: any
|
||||
}
|
||||
|
||||
const Tooltip: FunctionComponent<TooltipProps> = ({
|
||||
children,
|
||||
content,
|
||||
className,
|
||||
placement,
|
||||
}) => {
|
||||
return (
|
||||
<Tippy
|
||||
|
@ -25,6 +27,7 @@ const Tooltip: FunctionComponent<TooltipProps> = ({
|
|||
{content}
|
||||
</div>
|
||||
}
|
||||
placement={placement}
|
||||
>
|
||||
<div className="outline-none focus:outline-none">{children}</div>
|
||||
</Tippy>
|
||||
|
|
|
@ -434,7 +434,11 @@ const WithdrawModal = ({ isOpen, onClose }) => {
|
|||
suffix={withdrawTokenSymbol}
|
||||
/>
|
||||
{simulation ? (
|
||||
<Tooltip content="Account Leverage" className="py-1">
|
||||
<Tooltip
|
||||
content="Projected Leverage"
|
||||
className="py-1"
|
||||
placement="bottom"
|
||||
>
|
||||
<span
|
||||
className={`${getAccountStatusColor(
|
||||
simulation.collateralRatio
|
||||
|
|
Loading…
Reference in New Issue