Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-03-31 07:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Decomplicate className system for Modal

Browse Source
This commit is contained in:
Half-Shot
2024-11-08 12:16:44 +00:00
parent 3b625226de
commit afe64cfe20
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/Modal.tsx
View File

@@ -35,11 +35,11 @@ export interface Props {
children: ReactNode;
className?: string;
/**
* Class name to be used when in drawer mode (touchscreen). If `className` is given, this is ignored.
* Class name to be used when in drawer mode (touchscreen).
*/
classNameDrawer?: string;
/**
* Class name to be used when in modal mode (desktop). If `className` is given, this is ignored.
* Class name to be used when in modal mode (desktop).
*/
classNameModal?: string;
/**
@@ -99,7 +99,8 @@ export const Modal: FC<Props> = ({
<Drawer.Overlay className={classNames(overlayStyles.bg)} />
<Drawer.Content
className={classNames(
className ?? classNameDrawer,
className,
classNameDrawer,
overlayStyles.overlay,
styles.modal,
styles.drawer,
@@ -163,7 +164,8 @@ export const Modal: FC<Props> = ({
>
<Glass
className={classNames(
className ?? classNameModal,
className,
classNameModal,
overlayStyles.overlay,
overlayStyles.animate,
styles.modal,