starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-23 01:49:13 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Show response headers

Browse Source
This commit is contained in:
Gregory Schier
2023-04-01 23:43:22 -07:00
parent 3f713d878c
commit ceefbd1de1
19 changed files with 270 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,7 @@ import { HStack } from '../Stacks';
export type TabItem =
| {
value: string;
label: string;
label: ReactNode;
}
| {
value: string;
@@ -73,16 +73,17 @@ export function Tabs({
aria-label={label}
className={classnames(
tabListClassName,
'h-md flex items-center overflow-x-auto pb-0.5 hide-scrollbars',
'h-md flex items-center overflow-x-auto hide-scrollbars',
// Give space for button focus states within overflow boundary
'px-2 -mx-2',
)}
>
<HStack space={1} className="flex-shrink-0">
<HStack space={3} className="-ml-1 flex-shrink-0">
{tabs.map((t) => {
const isActive = t.value === value;
const btnClassName = classnames(
isActive ? 'bg-gray-100 text-gray-800' : 'text-gray-600 hover:text-gray-900',
'!px-1',
isActive ? 'text-gray-900' : 'text-gray-600 hover:text-gray-800',
);
if ('options' in t) {
const option = t.options.items.find(