LaconicNetwork/vega-frontend-monorepo
3
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix: small UI tweaks (#1020)

Browse Source
This commit is contained in:
m.ray 2022-08-12 09:57:14 +02:00 committed by GitHub
parent cecefe10d0
commit c664fdd067
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
libs/market-list/src/lib/components/select-market-columns.tsx
View File

@ -152,7 +152,7 @@ export const columnHeaders: Column[] = [
value: ( value: (
<Tooltip <Tooltip
description={ description={
<span className="text-ui-small"> <span>
{t( {t(
'Fees are paid by market takers on aggressive orders only. The fee displayed is made up of:' 'Fees are paid by market takers on aggressive orders only. The fee displayed is made up of:'
)} )}

2
libs/market-list/src/lib/components/select-market-table.tsx
View File

@ -6,7 +6,7 @@ export const SelectMarketTableHeader = ({
headers = columnHeaders, headers = columnHeaders,
}) => { }) => {
return ( return (
<tr> <tr className="sticky top-[-0.5rem] z-10 dark:bg-black bg-white">
{headers.map( {headers.map(
({ value, className, onlyOnDetailed }, i) => ({ value, className, onlyOnDetailed }, i) =>
(!onlyOnDetailed || detailed === onlyOnDetailed) && ( (!onlyOnDetailed || detailed === onlyOnDetailed) && (

5
libs/market-list/src/lib/components/select-market.tsx
View File

@ -77,7 +77,7 @@ export const SelectAllMarketsTableBody = ({
return marketList ? ( return marketList ? (
<> <>
<thead className="sticky top-0 z-10 dark:bg-black bg-white"> <thead>
<tr <tr
className={`text-h5 font-bold text-black-95 dark:text-white-95 mb-6`} className={`text-h5 font-bold text-black-95 dark:text-white-95 mb-6`}
data-testid="dialog-title" data-testid="dialog-title"
@ -88,8 +88,7 @@ export const SelectAllMarketsTableBody = ({
</thead> </thead>
<tbody> <tbody>
{data && {marketList?.map((market, i) => (
marketList?.map((market, i) => (
<SelectMarketTableRow <SelectMarketTableRow
key={i} key={i}
detailed={true} detailed={true}

2
libs/orders/src/lib/components/order-feedback/order-feedback.tsx
View File

@ -15,7 +15,7 @@ export interface OrderFeedbackProps {
export const OrderFeedback = ({ transaction, order }: OrderFeedbackProps) => { export const OrderFeedback = ({ transaction, order }: OrderFeedbackProps) => {
const { VEGA_EXPLORER_URL } = useEnvironment(); const { VEGA_EXPLORER_URL } = useEnvironment();
const labelClass = 'font-bold'; const labelClass = 'font-bold text-black dark:text-white';
if (!order) return null; if (!order) return null;
// Order on network but was rejected // Order on network but was rejected

2
libs/ui-toolkit/src/components/tooltip/tooltip.tsx
View File

@ -22,7 +22,7 @@ export const Tooltip = ({ children, description, open, align }: TooltipProps) =>
<Root open={open}> <Root open={open}>
<Trigger asChild>{children}</Trigger> <Trigger asChild>{children}</Trigger>
<Content align={align} alignOffset={8}> <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} {description}
</div> </div>
<Arrow <Arrow