fix: small UI tweaks (#1020)
This commit is contained in:
parent
cecefe10d0
commit
c664fdd067
@ -152,7 +152,7 @@ export const columnHeaders: Column[] = [
|
||||
value: (
|
||||
<Tooltip
|
||||
description={
|
||||
<span className="text-ui-small">
|
||||
<span>
|
||||
{t(
|
||||
'Fees are paid by market takers on aggressive orders only. The fee displayed is made up of:'
|
||||
)}
|
||||
|
@ -6,7 +6,7 @@ export const SelectMarketTableHeader = ({
|
||||
headers = columnHeaders,
|
||||
}) => {
|
||||
return (
|
||||
<tr>
|
||||
<tr className="sticky top-[-0.5rem] z-10 dark:bg-black bg-white">
|
||||
{headers.map(
|
||||
({ value, className, onlyOnDetailed }, i) =>
|
||||
(!onlyOnDetailed || detailed === onlyOnDetailed) && (
|
||||
|
@ -77,7 +77,7 @@ export const SelectAllMarketsTableBody = ({
|
||||
|
||||
return marketList ? (
|
||||
<>
|
||||
<thead className="sticky top-0 z-10 dark:bg-black bg-white">
|
||||
<thead>
|
||||
<tr
|
||||
className={`text-h5 font-bold text-black-95 dark:text-white-95 mb-6`}
|
||||
data-testid="dialog-title"
|
||||
@ -88,8 +88,7 @@ export const SelectAllMarketsTableBody = ({
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{data &&
|
||||
marketList?.map((market, i) => (
|
||||
{marketList?.map((market, i) => (
|
||||
<SelectMarketTableRow
|
||||
key={i}
|
||||
detailed={true}
|
||||
|
@ -15,7 +15,7 @@ export interface OrderFeedbackProps {
|
||||
|
||||
export const OrderFeedback = ({ transaction, order }: OrderFeedbackProps) => {
|
||||
const { VEGA_EXPLORER_URL } = useEnvironment();
|
||||
const labelClass = 'font-bold';
|
||||
const labelClass = 'font-bold text-black dark:text-white';
|
||||
if (!order) return null;
|
||||
|
||||
// Order on network but was rejected
|
||||
|
@ -22,7 +22,7 @@ export const Tooltip = ({ children, description, open, align }: TooltipProps) =>
|
||||
<Root open={open}>
|
||||
<Trigger asChild>{children}</Trigger>
|
||||
<Content align={align} alignOffset={8}>
|
||||
<div className="relative z-0 p-8 bg-black-50 border border-black-60 text-white rounded-sm max-w-sm">
|
||||
<div className="relative z-0 p-8 bg-black-50 border border-black-60 text-white rounded-sm max-w-sm text-ui">
|
||||
{description}
|
||||
</div>
|
||||
<Arrow
|
||||
|
Loading…
Reference in New Issue
Block a user