wip darkmode

This commit is contained in:
Ahmed Bouhuolia
2025-08-04 12:25:27 +02:00
parent 456a9e1ad9
commit d9a716a46f
170 changed files with 2006 additions and 1018 deletions

View File

@@ -6,8 +6,8 @@
.title{
align-items: center;
background: #fff;
border-bottom: 1px solid #E1E2E9;
background: var(--color-aside-background);
border-bottom: 1px solid var(--color-aside-divider);
display: flex;
flex: 0 0 auto;
min-height: 40px;
@@ -20,6 +20,6 @@
display: flex;
flex-direction: column;
flex: 1 1 auto;
background-color: #fff;
background-color: var(--color-aside-title-background);
overflow-y: auto;
}

View File

@@ -28,7 +28,6 @@ export function Aside({
<Box className={clsx(styles.root, className, classNames?.root)}>
<Group position="apart" className={clsx(styles.title, classNames?.title)}>
{title}
{hideCloseButton !== true && (
<Button
aria-label="Close"
@@ -45,13 +44,13 @@ export function Aside({
);
}
interface AsideContentProps extends BoxProps {}
interface AsideContentProps extends BoxProps { }
function AsideContent({ ...props }: AsideContentProps) {
return <Box {...props} className={clsx(styles.content, props?.className)} />;
}
interface AsideFooterProps extends BoxProps {}
interface AsideFooterProps extends BoxProps { }
function AsideFooter({ ...props }: AsideFooterProps) {
return <Box {...props} />;