Ryan/docmost-ryan
1
0
Fork 0
mirror of https://github.com/Shadowfita/docmost.git synced 2025-11-14 08:41:04 +10:00
Code Issues Packages Projects Releases Wiki Activity

css fixes

Browse Source
This commit is contained in:
Philipinho
2024-04-25 01:19:50 +01:00
parent b91c3ede1e
commit f0fd1cfe1b
7 changed files with 54 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/client/src/components/layouts/dashboard/aside.tsx
View File

@ -2,13 +2,13 @@ import { Box, ScrollArea, Text } from "@mantine/core";
import CommentList from "@/features/comment/components/comment-list.tsx";
import { useAtom } from "jotai";
import { asideStateAtom } from "@/components/navbar/atoms/sidebar-atom.ts";
import React from "react";
import React, { ReactNode } from "react";
export default function Aside() {
const [{ tab }] = useAtom(asideStateAtom);
let title;
let component;
let title: string;
let component: ReactNode;
switch (tab) {
case "comments":

5
apps/client/src/components/layouts/dashboard/shell.module.css
View File

@ -8,9 +8,9 @@
}
.aside {
@media (min-width: 993px) {
background: var(--mantine-color-gray-light);
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-8));
@media (min-width: 993px) {
[data-layout="alt"] & {
--_section-top: var(--_section-top, var(--app-shell-header-offset, 0px));
--_section-height: var(
@ -35,3 +35,4 @@
width: 300px;
}
}

2
apps/client/src/components/layouts/dashboard/shell.tsx
View File

@ -79,7 +79,7 @@ export default function Shell({ children }: { children: React.ReactNode }) {
<AppShell.Main>{children}</AppShell.Main>
{isPageRoute && (
<AppShell.Aside className={classes.aside}>
<AppShell.Aside className={classes.aside} withBorder={false}>
<Aside />
</AppShell.Aside>
)}

3
apps/client/src/components/navbar/navbar.module.css
View File

@ -1,12 +1,11 @@
.navbar {
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-8));
height: 100%;
width: 100%;
padding: var(--mantine-spacing-md);
padding-top: 0;
display: flex;
flex-direction: column;
border-right: rem(1px) solid light-dark('', var(--mantine-color-dark-4));
}
.section {