e5f41731ae
* bootstrap next app + add overview page * fix AssetList type * fix up nav stuff * Refactor Nav component and add network components pages * Refactor WorldMap component and update TelegramIcon, GitHubIcon, NymVpnIcon, DiscordIcon, and TwitterIcon components * add service providers page * mixnodes page * delegations page + use material react table for all tables * nodes map page * Refactor StyledLink component and remove unnecessary console.log statements * Refactor ESLint configuration, remove unused dependencies, and update component imports * update deps * Refactor imports and update dependencies * fix dark mode * build single mixnode page * build single gateway page * Refactor handleOnDelegate function to use useCallback in mixnodes page.tsx * Add defaults for constants --------- Co-authored-by: Mark Sinclair <mmsinclair@users.noreply.github.com>
22 lines
512 B
TypeScript
22 lines
512 B
TypeScript
import { Theme } from '@mui/material/styles';
|
|
|
|
export const backDropStyles = (theme: Theme) => {
|
|
const { mode } = theme.palette;
|
|
return {
|
|
style: {
|
|
left: mode === 'light' ? '0' : '50%',
|
|
width: '50%',
|
|
},
|
|
};
|
|
};
|
|
|
|
export const modalStyles = (theme: Theme) => {
|
|
const { mode } = theme.palette;
|
|
return { left: mode === 'light' ? '25%' : '75%' };
|
|
};
|
|
|
|
export const dialogStyles = (theme: Theme) => {
|
|
const { mode } = theme.palette;
|
|
return { left: mode === 'light' ? '-50%' : '50%' };
|
|
};
|