Change tabs again

This commit is contained in:
Gregory Schier
2023-04-02 11:11:53 -07:00
parent 80bfbd503a
commit b04602bcb9
4 changed files with 10 additions and 5 deletions

View File

@@ -8,7 +8,7 @@
}, },
"package": { "package": {
"productName": "Yaak", "productName": "Yaak",
"version": "0.0.2" "version": "2023.0.0"
}, },
"tauri": { "tauri": {
"windows": [], "windows": [],

View File

@@ -8,7 +8,7 @@ interface Props {
export function ResponseHeaders({ headers }: Props) { export function ResponseHeaders({ headers }: Props) {
return ( return (
<dl className="font-mono text-xs table-fixed w-full"> <dl className="text-xs w-full font-mono">
{headers.map((h, i) => { {headers.map((h, i) => {
return ( return (
<HStack <HStack
@@ -17,7 +17,7 @@ export function ResponseHeaders({ headers }: Props) {
className={classnames(i > 0 && 'border-t border-highlightSecondary', 'py-1')} className={classnames(i > 0 && 'border-t border-highlightSecondary', 'py-1')}
> >
<dd className="w-1/3 text-violet-600 select-text cursor-text">{h.name}</dd> <dd className="w-1/3 text-violet-600 select-text cursor-text">{h.name}</dd>
<dt className="w-2/3 text-blue-600 select-text cursor-text break-all">{h.value}</dt> <dt className="w-2/3 select-text cursor-text break-all">{h.value}</dt>
</HStack> </HStack>
); );
})} })}

View File

@@ -6,7 +6,10 @@ export function CountBadge({ count }: Props) {
if (count === 0) return null; if (count === 0) return null;
return ( return (
<> <>
<div aria-hidden className="opacity-70 text-3xs rounded mb-0.5 ml-1 h-4 font-mono"> <div
aria-hidden
className="opacity-70 border border-highlight text-3xs rounded mb-0.5 px-1 ml-1 h-4 font-mono"
>
{count} {count}
</div> </div>
</> </>

View File

@@ -81,7 +81,9 @@ export function Tabs({
<HStack space={1} className="flex-shrink-0"> <HStack space={1} className="flex-shrink-0">
{tabs.map((t) => { {tabs.map((t) => {
const isActive = t.value === value; const isActive = t.value === value;
const btnClassName = classnames(isActive ? 'bg-highlightSecondary' : 'text-gray-600'); // const btnClassName = classnames(isActive ? 'bg-highlightSecondary' : 'text-gray-600');
const btnClassName = classnames(isActive ? '' : 'text-gray-600', '!px-0 mr-4 ml-[1px]');
if ('options' in t) { if ('options' in t) {
const option = t.options.items.find( const option = t.options.items.find(
(i) => 'value' in i && i.value === t.options?.value, (i) => 'value' in i && i.value === t.options?.value,