on left
This commit is contained in:
@@ -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",
|
||||||
}}
|
}}
|
||||||
|
|||||||
Reference in New Issue
Block a user