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

feat: update styling

Browse Source
This commit is contained in:
Madalina Raicu 2024-02-07 15:28:36 +00:00
parent 5742759780
commit 5ab455159c
No known key found for this signature in database
GPG Key ID: 688B7B31149C1DCD
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/trading/client-pages/market/trade-panels.tsx
View File

@ -107,7 +107,7 @@ export const TradePanels = ({ market, pinnedAsset }: TradePanelsProps) => {
); );
})} })}
</div> </div>
<div className="h-[376px] sm:h-[460px] lg:h-full relative"> <div className="h-[50vh] lg:h-full relative">
<div>{renderMenu(topViewCfg)}</div> <div>{renderMenu(topViewCfg)}</div>
<div className="overflow-auto h-full">{renderView(topView)}</div> <div className="overflow-auto h-full">{renderView(topView)}</div>
</div> </div>

2
apps/trading/components/layouts/layout-with-sidebar.tsx
View File

@ -27,7 +27,7 @@ export const LayoutWithSidebar = ({
<div className="col-span-full">{header}</div> <div className="col-span-full">{header}</div>
<main <main
className={classNames( className={classNames(
'col-start-1 col-end-1 overflow-y-auto grow lg:grow-0', 'col-start-1 col-end-1 overflow-hidden lg:overflow-y-auto grow lg:grow-0',
{ {
'lg:col-end-3': !sidebarOpen, 'lg:col-end-3': !sidebarOpen,
'hidden lg:block lg:col-end-2': sidebarOpen, 'hidden lg:block lg:col-end-2': sidebarOpen,

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

@ -29,7 +29,7 @@ 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 pr-1 border-b border-default bg-vega-clight-700 dark:bg-vega-cdark-700"> <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">
<FullScreenPopover <FullScreenPopover
open={openMarket} open={openMarket}
onOpenChange={(x) => { onOpenChange={(x) => {
@ -42,7 +42,7 @@ export const MobileMarketHeader = () => {
: t('Select market')} : t('Select market')}
<span <span
className={classNames( className={classNames(
'transition-transform ease-in-out duration-300', 'transition-transform ease-in-out duration-300 flex',
{ {
'rotate-180': openMarket, 'rotate-180': openMarket,
} }