mars-v2-frontend/src/app/layout.tsx
Linkie Link 21268e5536
UI style updates (#106)
* feat: updates on the button styles

* env: updated yarn.lock

* fix: added account actions

* fix: updated the orbs logic

* fix: fixed the blur presets

* feat: updated the button logic

* fix: wallet modal style adjustments

* fix: updated close icon

* fix: fixed the close button

* fix: fix types

* fix: fixed the build

* tidy: component cleanup

* feat:  added new AccountDetails component

* refactor: propper usage of tailwind

* refactor: imports

* feat: added pages for all scenarios

* fix: fix the loading component

* fix: remove loading from default trade

* fix: fixed the build

* fix: fixed losing the provider on hotplug

* tidy: remove unused code

* fix: added error messages

* add borrow page structure

* env: enhanced debugging by restructuring the ENV object

* fix: fixed the build

* fix: fixed the wording on missing env variables

* feat: added button hover (#112)

* feat: added button hover

* fix: added bg transition to primary buttons

* feat: pages refactored (#111)

* feat: pages refactored

* fix: added loader for AccountNavigation

* fix: fixed the wallet store management

* fix: get rid of the walletSlice and refactor

* fix: added gap to the borrow page

* fix: fixed some dependencies

* fix: added initClients back

* fix: fixed according to feedback

---------

Co-authored-by: bwvdhelm <34470358+bobthebuidlr@users.noreply.github.com>
2023-03-08 10:44:39 +01:00

38 lines
1.2 KiB
TypeScript

import classNames from 'classnames'
import AccountDetails from 'components/Account/AccountDetails'
import Background from 'components/Background'
import FetchPrices from 'components/FetchPrices'
import { Modals } from 'components/Modals'
import DesktopNavigation from 'components/Navigation/DesktopNavigation'
import Toaster from 'components/Toaster'
import { WalletConnectProvider } from 'components/Wallet/WalletConnectProvider'
import 'react-toastify/dist/ReactToastify.min.css'
import 'styles/globals.scss'
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html className='m-0 p-0' lang='en'>
<head />
<body className='m-0 cursor-default bg-body p-0 font-sans text-white'>
<WalletConnectProvider>
<Background />
<DesktopNavigation />
</WalletConnectProvider>
<FetchPrices />
<main
className={classNames(
'relative flex justify-center py-6',
'lg:mt-[65px] lg:h-[calc(100vh-65px)]',
)}
>
<div className='flex max-w-content flex-grow flex-col flex-wrap'>{children}</div>
<AccountDetails />
</main>
<Modals />
<Toaster />
</body>
</html>
)
}