add position fixed
This commit is contained in:
parent
c846faa445
commit
1773e87672
|
@ -133,12 +133,10 @@ const Layout = ({ children }: { children: ReactNode }) => {
|
|||
isCollapsed ? 'md:pl-[64px]' : 'pl-[200px]'
|
||||
}`}
|
||||
>
|
||||
<div className="min-h-[calc(100vh-36px)]">
|
||||
<TopBar />
|
||||
{asPath !== '/rewards' ? <PromoBanner /> : null}
|
||||
{children}
|
||||
</div>
|
||||
<StatusBar />
|
||||
<TopBar />
|
||||
{asPath !== '/rewards' ? <PromoBanner /> : null}
|
||||
{children}
|
||||
<StatusBar collapsed={isCollapsed} />
|
||||
</div>
|
||||
<DeployRefreshManager />
|
||||
<TermsOfUse />
|
||||
|
|
|
@ -105,7 +105,7 @@ const SideNav = ({ collapsed }: { collapsed: boolean }) => {
|
|||
alt="next"
|
||||
/>
|
||||
) : null}
|
||||
<div className="flex min-h-screen flex-col justify-between">
|
||||
<div className="flex h-screen flex-col justify-between">
|
||||
<div className="mb-2">
|
||||
<Link href={'/'} shallow={true} passHref legacyBehavior>
|
||||
<div
|
||||
|
|
|
@ -29,7 +29,7 @@ const getLatestCommit = async () => {
|
|||
}
|
||||
}
|
||||
|
||||
const StatusBar = () => {
|
||||
const StatusBar = ({ collapsed }: { collapsed: boolean }) => {
|
||||
const { t } = useTranslation('common')
|
||||
const [latestCommit, setLatestCommit] = useState(DEFAULT_LATEST_COMMIT)
|
||||
|
||||
|
@ -41,7 +41,11 @@ const StatusBar = () => {
|
|||
}, [latestCommit])
|
||||
|
||||
return (
|
||||
<div className="hidden relative bottom-0 bg-th-bkg-2 md:grid md:grid-cols-3 px-4 md:px-6 py-2">
|
||||
<div
|
||||
className={`hidden fixed ${
|
||||
collapsed ? 'w-[calc(100vw-64px)]' : 'w-[calc(100vw-200px)]'
|
||||
} bottom-0 bg-th-bkg-2 md:grid md:grid-cols-3 px-4 md:px-6 py-1`}
|
||||
>
|
||||
<div className="col-span-1 flex items-center">
|
||||
<Tps />
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue