webskel/dolphins7.skeleton
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add gap between tabs

Browse source
This commit is contained in:
0x1eef 2024-04-26 01:43:31 -03:00
parent 49d9b38bd4
commit e0c44c96e9
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/src/js/components/Tabs.tsx
View file

@ -23,14 +23,14 @@ export function Tabs({ defaultLabel, labels, onChange }: Props) {
return (
<ul className="flex w-full">
{...tabs.map(tab => {
{...tabs.map((tab, i) => {
const isActive = active?.id === tab.id;
const classNames = {
"active-item": isActive,
"inactive-item": !isActive,
};
return (
<li className={classnames(classNames)}>
<li className={classnames(classNames, i > 0 ? "ml-3" : "")}>
<a
href={location.hash}
onClick={e => [e.preventDefault(), setActive(tab)]}