starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-21 00:01:22 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Tweak tab padding

Browse Source
This commit is contained in:
Gregory Schier
2025-07-21 07:45:11 -07:00
parent 178cc88efb
commit 2bd8a50df4
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-web/components/Settings/Settings.tsx
View File

@@ -69,7 +69,7 @@ export default function Settings({ hide }: Props) {
layout="horizontal" layout="horizontal"
value={tab} value={tab}
addBorders addBorders
tabListClassName="min-w-[10rem] bg-surface x-theme-sidebar border-r border-border" tabListClassName="min-w-[10rem] bg-surface x-theme-sidebar border-r border-border pl-3"
label="Settings" label="Settings"
onChangeValue={setTab} onChangeValue={setTab}
tabs={tabs.map((value) => ({ value, label: capitalize(value) }))} tabs={tabs.map((value) => ({ value, label: capitalize(value) }))}

4
src-web/components/core/Tabs/Tabs.tsx
View File

@@ -84,7 +84,7 @@ export function Tabs({
tabListClassName, tabListClassName,
addBorders && '!-ml-1', addBorders && '!-ml-1',
'flex items-center hide-scrollbars mb-2', 'flex items-center hide-scrollbars mb-2',
layout === 'horizontal' && 'h-full overflow-auto p-2', layout === 'horizontal' && 'h-full overflow-auto p-2 -mr-2',
layout === 'vertical' && 'overflow-x-auto overflow-y-visible ', layout === 'vertical' && 'overflow-x-auto overflow-y-visible ',
// Give space for button focus states within overflow boundary. // Give space for button focus states within overflow boundary.
layout === 'vertical' && 'py-1 -ml-5 pl-3 pr-1', layout === 'vertical' && 'py-1 -ml-5 pl-3 pr-1',
@@ -108,7 +108,7 @@ export function Tabs({
: layout === 'vertical' : layout === 'vertical'
? 'border-border-subtle' ? 'border-border-subtle'
: 'border-transparent', : 'border-transparent',
layout === 'horizontal' && 'flex justify-between', layout === 'horizontal' && 'flex justify-between min-w-[10rem]',
); );
if ('options' in t) { if ('options' in t) {