tristonarmstrong/XeNote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Some more refined styling

Browse Source
This commit is contained in:
Tuan Cao 2022-04-19 11:08:56 +07:00
parent a213c3353d
commit 99975d316c
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/FolderTree.js
View File

@ -7,7 +7,15 @@ import { useRouter } from 'next/router'
export default function FolderTree(props) { export default function FolderTree(props) {
const renderTree = (nodes) => ( const renderTree = (nodes) => (
<TreeItem key={nodes.id} nodeId={nodes.id} label={nodes.name}> <TreeItem key={nodes.id} nodeId={nodes.id} label={nodes.name}
sx={{'& .MuiTreeItem-label': {
fontSize: '1rem',
paddingLeft: '6px',
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,',
lineHeight: 2.0
},
}}
>
{Array.isArray(nodes.children) {Array.isArray(nodes.children)
? nodes.children.map((node) => renderTree(node)) ? nodes.children.map((node) => renderTree(node))
: null} : null}

5
styles/style.css
View File

@ -110,7 +110,7 @@ a:hover {
flex-direction: column; flex-direction: column;
} }
:root { :root {
--default-font: 'Inter', sans-serif; --default-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
} }
.theme-light { .theme-light {
@ -194,6 +194,9 @@ a:hover {
footer { footer {
margin-top: 2em; margin-top: 2em;
text-align: center; text-align: center;
background-color: rgb(231, 242, 250);
border-radius: 8px;
padding: 4px;
} }
footer ul li{ footer ul li{