Fix/429: app zindex (#438)

* fix: app zindex

* fix: remove redundant z-index from toggle buttons
This commit is contained in:
botond 2022-05-23 10:54:57 +01:00 committed by GitHub
parent d9fccb137e
commit 66c8d195a2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions

View File

@ -45,7 +45,7 @@ function VegaTradingApp({ Component, pageProps }: AppProps) {
/> />
<link rel="stylesheet" href="https://static.vega.xyz/fonts.css" /> <link rel="stylesheet" href="https://static.vega.xyz/fonts.css" />
</Head> </Head>
<div className="h-full dark:bg-black dark:text-white-60 bg-white text-black-60 grid grid-rows-[min-content,1fr]"> <div className="h-full dark:bg-black dark:text-white-60 bg-white relative z-0 text-black-60 grid grid-rows-[min-content,1fr]">
<div className="flex items-stretch border-b-[7px] border-vega-yellow"> <div className="flex items-stretch border-b-[7px] border-vega-yellow">
<Navbar /> <Navbar />
<div className="flex items-center gap-4 ml-auto mr-8"> <div className="flex items-center gap-4 ml-auto mr-8">

View File

@ -30,7 +30,7 @@ export const Toggle = ({
); );
const radioClasses = classnames('sr-only', 'peer'); const radioClasses = classnames('sr-only', 'peer');
const buttonClasses = classnames( const buttonClasses = classnames(
'relative peer-checked:z-10 inline-block w-full', 'relative inline-block w-full',
'border border-black-60 active:border-black dark:border-white-60 dark:active:border-white peer-checked:border-black dark:peer-checked:border-vega-yellow', 'border border-black-60 active:border-black dark:border-white-60 dark:active:border-white peer-checked:border-black dark:peer-checked:border-vega-yellow',
'group-first-of-type:rounded-tl group-first-of-type:rounded-bl group-last-of-type:rounded-tr group-last-of-type:rounded-br', 'group-first-of-type:rounded-tl group-first-of-type:rounded-bl group-last-of-type:rounded-tr group-last-of-type:rounded-br',
'px-28 py-4', 'px-28 py-4',