Fix tailwind dark selector

This commit is contained in:
Gregory Schier
2023-03-03 07:54:19 -08:00
parent c30caf11fe
commit 534d45bccf
5 changed files with 17 additions and 13 deletions

View File

@@ -1,7 +1,6 @@
import * as D from '@radix-ui/react-dialog';
import classnames from 'classnames';
import React from 'react';
import * as D from '@radix-ui/react-dialog';
import { Cross2Icon } from '@radix-ui/react-icons';
import { IconButton } from './IconButton';
import { HStack, VStack } from './Stacks';
@@ -17,7 +16,7 @@ export function Dialog({ children, open, onOpenChange, title, description }: Pro
return (
<D.Root open={open} onOpenChange={onOpenChange}>
<D.Portal container={document.querySelector<HTMLElement>('#radix-portal')}>
<D.Overlay className="fixed inset-0 bg-background/80" />
<D.Overlay className="fixed inset-0 bg-gray-900 dark:bg-background opacity-80" />
<D.Content
className={classnames(
'fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] bg-gray-50 w-[20rem] max-h-[20rem]',