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

chore: adjust styles for alignment and borders

Browse Source
This commit is contained in:
Matthew Russell 2024-02-07 17:15:11 -08:00
parent 619b73212f
commit 96a07b6379
No known key found for this signature in database
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
apps/trading/components/market-header/mobile-market-header.tsx
View File

@ -29,14 +29,14 @@ export const MobileMarketHeader = () => {
if (!marketId) return null; if (!marketId) return null;
return ( return (
<div className="p-2 flex justify-between gap-2 items-center h-10 border-b border-default bg-vega-clight-700 dark:bg-vega-cdark-700"> <div className="pl-3 pr-2 flex justify-between gap-2 h-10 bg-vega-clight-700 dark:bg-vega-cdark-700">
<FullScreenPopover <FullScreenPopover
open={openMarket} open={openMarket}
onOpenChange={(x) => { onOpenChange={(x) => {
setOpenMarket(x); setOpenMarket(x);
}} }}
trigger={ trigger={
<h1 className="flex gap-1 sm:gap-2 md:gap-4 items-center text-lg md:text-lg whitespace-nowrap xl:pr-4 xl:border-r border-default"> <h1 className="flex gap-1 sm:gap-2 md:gap-4 items-center text-lg md:text-lg whitespace-nowrap">
{data {data
? data.tradableInstrument.instrument.code ? data.tradableInstrument.instrument.code
: t('Select market')} : t('Select market')}
@ -64,7 +64,7 @@ export const MobileMarketHeader = () => {
setOpenPrice(x); setOpenPrice(x);
}} }}
trigger={ trigger={
<span className="flex gap-1 items-center text-sm md:text-md whitespace-nowrap xl:pr-4 xl:border-r border-default"> <span className="flex gap-1 items-center md:text-md whitespace-nowrap">
{data && ( {data && (
<> <>
<span className="text-xs"> <span className="text-xs">
@ -93,7 +93,7 @@ export const MobileMarketHeader = () => {
} }
> >
{data && ( {data && (
<div className="px-2 py-4 text-sm grid grid-cols-2 items-center gap-2"> <div className="p-4 text-sm grid grid-cols-2 items-center gap-4">
<MarketHeaderStats market={data} /> <MarketHeaderStats market={data} />
</div> </div>
)} )}
@ -120,8 +120,8 @@ export const FullScreenPopover = ({
<PopoverPrimitive.Portal> <PopoverPrimitive.Portal>
<PopoverPrimitive.Content <PopoverPrimitive.Content
data-testid="popover-content" data-testid="popover-content"
className="w-screen bg-vega-clight-800 dark:bg-vega-cdark-800 border border-default" className="w-screen bg-vega-clight-800 dark:bg-vega-cdark-800 border-y border-default"
sideOffset={5} sideOffset={0}
> >
{children} {children}
</PopoverPrimitive.Content> </PopoverPrimitive.Content>