fix(dashboard): align table tree styling with codebase tree and flatten public schemas

This commit is contained in:
2026-06-14 14:13:16 -07:00
parent c004be3b12
commit c5894775f8

View File

@@ -182,14 +182,14 @@ function SchemaGroup({
style={{
...row,
background: active ? THEME.subtleBg : "transparent",
borderColor: active ? THEME.border : "transparent",
borderColor: "transparent",
color: active ? THEME.ink : THEME.mid,
fontWeight: active ? 500 : 400,
}}
aria-pressed={active}
>
<Table
size={13}
size={16}
style={{
color: active ? THEME.ink : THEME.muted,
flexShrink: 0,
@@ -210,15 +210,11 @@ function SchemaGroup({
return (
<div>
<button
type="button"
onClick={() => setOpen((o) => !o)}
style={schemaHeader}
>
{open ? <ChevronDown size={11} /> : <ChevronRight size={11} />}
{schema}
</button>
{open && items}
{/*
We remove the schema chevron wrapper entirely, which flattens the tree.
Tables are now a single list, just like files inside a flat directory.
*/}
{items}
</div>
);
}
@@ -255,23 +251,23 @@ const row: React.CSSProperties = {
display: "flex",
alignItems: "center",
gap: 6,
width: "100%",
padding: "5px 8px",
width: "fit-content",
padding: "4px 8px 4px 0",
border: "1px solid transparent",
borderRadius: 5,
borderRadius: THEME.radiusSm,
cursor: "pointer",
font: "inherit",
color: "inherit",
textAlign: "left",
transition: "all 0.1s ease",
};
const tableName: React.CSSProperties = {
fontSize: "0.78rem",
fontSize: "0.875rem",
color: INK.ink,
flex: 1,
whiteSpace: "nowrap",
overflow: "hidden",
textOverflow: "ellipsis",
fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
};
const rowCount: React.CSSProperties = {
fontSize: "0.68rem",