fix padding

This commit is contained in:
flaviomoceri
2024-10-23 16:02:37 +02:00
parent 792c208ad0
commit ff90e84a85
2 changed files with 4 additions and 9 deletions

View File

@@ -184,11 +184,12 @@ export function ExplorerNode({ node, opts, fullPath, fileData }: ExplorerNodePro
border: "none", border: "none",
borderTop: "0.1px solid white", borderTop: "0.1px solid white",
opacity: 0.2, opacity: 0.2,
marginBottom: "20px", marginTop: "10px",
marginBottom: "30px",
}} }}
/> />
)} )}
<li key={node.file.slug}> <li style={{ marginBottom: "10px" }} key={node.file.slug}>
<a href={resolveRelative(fileData.slug!, node.file.slug!)} data-for={node.file.slug}> <a href={resolveRelative(fileData.slug!, node.file.slug!)} data-for={node.file.slug}>
{node.displayName} {node.displayName}
</a> </a>
@@ -213,10 +214,7 @@ export function ExplorerNode({ node, opts, fullPath, fileData }: ExplorerNodePro
{node.name !== "" && ( {node.name !== "" && (
// Node with entire folder // Node with entire folder
// Render svg button + folder name, then children // Render svg button + folder name, then children
<div <div style={{ marginBottom: "10px" }} class="folder-container">
style={node.displayName === "Explore" ? { marginBottom: "10px" } : {}}
class="folder-container"
>
{/* render <a> tag if folderBehavior is "link", otherwise render <button> with collapse click event */} {/* render <a> tag if folderBehavior is "link", otherwise render <button> with collapse click event */}
<div key={node.name} data-folderpath={folderPath}> <div key={node.name} data-folderpath={folderPath}>
{folderBehavior === "link" ? ( {folderBehavior === "link" ? (

View File

@@ -58,9 +58,6 @@ button#explorer {
margin: 0.08rem 0; margin: 0.08rem 0;
padding: 0; padding: 0;
padding-left: 0px; padding-left: 0px;
display: flex;
flex-direction: column;
gap: 10px;
font-size: 17px; font-size: 17px;
line-height: 22px; line-height: 22px;
letter-spacing: 0.4px; letter-spacing: 0.4px;