This commit is contained in:
2026-02-07 14:53:22 -05:00
parent 19a1f1a43b
commit 7eb49ac1c7

View File

@@ -18,7 +18,7 @@ export const tabs: TabDefinition[] = [
export function TabNavigation(props: TabNavigationProps) { export function TabNavigation(props: TabNavigationProps) {
const { theme } = useTheme(); const { theme } = useTheme();
return ( return (
<box style={{ flexDirection: "row", gap: 1 }}> <box style={{ flexDirection: "column", gap: 1, width: 20 }}>
<For each={tabs}> <For each={tabs}>
{(tab) => ( {(tab) => (
<box <box
@@ -27,6 +27,7 @@ export function TabNavigation(props: TabNavigationProps) {
onMouseDown={() => props.onTabSelect(tab.id)} onMouseDown={() => props.onTabSelect(tab.id)}
style={{ style={{
padding: 1, padding: 1,
paddingLeft: 2,
backgroundColor: backgroundColor:
tab.id == props.activeTab ? theme.primary : "transparent", tab.id == props.activeTab ? theme.primary : "transparent",
}} }}