GauthierWebDev/memento-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: improve tab background color logic

Browse Source
This commit is contained in:
Gauthier Daniels 2025-04-20 21:34:47 +02:00
parent 602669a9c0
commit 1bb70e6380
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/components/Snippet.tsx
View File

@ -72,9 +72,10 @@ export function Snippet(props: SnippetProps) {
type="button" type="button"
class={clsx( class={clsx(
"flex items-center rounded-full px-2.5", "flex items-center rounded-full px-2.5",
isActive(tab) && props.dark isActive(tab) && {
? "bg-slate-800" "bg-slate-800": props.dark,
: "bg-violet-100", "bg-violet-100": !props.dark,
},
)} )}
disabled={!tab.codeLanguage} disabled={!tab.codeLanguage}
onClick={() => selectTab(tab.name)} onClick={() => selectTab(tab.name)}