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

fix/layout-width #19

Merged
GauthierWebDev merged 3 commits from fix/layout-width into main 2025-04-22 12:19:44 +00:00
Conversation 0 Commits 3 Files Changed 6 +19 -19
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 32ee8dd628 - Show all commits

18
app/components/Snippet.tsx
View File

@ -131,25 +131,25 @@ export function Snippet(props: SnippetProps) {
</div> </div>
</nav> </nav>
{selectedTab() && ( <For each={props.snippets}>
<div class="mt-6"> {(tab) => (
{selectedTab().code && ( <div class={clsx("mt-6", isActive(tab) ? "block" : "hidden")}>
{tab.code && (
<Highlight <Highlight
class={clsx( class={clsx(
"!pt-0 !px-1 max-h-96 overflow-auto mb-2", "!pt-0 !px-1 max-h-96 overflow-auto mb-2",
props.dark && "dark text-white", props.dark && "dark text-white",
)} )}
language={(selectedTab() as SnippetTab).codeLanguage} language={tab.codeLanguage}
withLineNumbers={(selectedTab() as SnippetTab).withLineNumbers} withLineNumbers={tab.withLineNumbers}
> >
{(selectedTab() as SnippetTab).code} {tab.code}
</Highlight> </Highlight>
)} )}
{!selectedTab().code && ( {!tab.code && <div class="pb-1">{tab.children}</div>}
<div class="pb-1">{(selectedTab() as CommonTab).children}</div>
)}
</div> </div>
)} )}
</For>
</div> </div>
</div> </div>
); );