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

Change tabs again

Browse Source
This commit is contained in:
Gregory Schier
2023-04-02 11:11:53 -07:00
parent 62a367cd0c
commit 01f12c5161
4 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src-web/components/core/CountBadge.tsx
View File

@@ -6,7 +6,10 @@ export function CountBadge({ count }: Props) {
if (count === 0) return null;
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}
</div>
</>

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

@@ -81,7 +81,9 @@ export function Tabs({
<HStack space={1} className="flex-shrink-0">
{tabs.map((t) => {
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) {
const option = t.options.items.find(
(i) => 'value' in i && i.value === t.options?.value,