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

38
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")}>
<Highlight {tab.code && (
class={clsx( <Highlight
"!pt-0 !px-1 max-h-96 overflow-auto mb-2", class={clsx(
props.dark && "dark text-white", "!pt-0 !px-1 max-h-96 overflow-auto mb-2",
)} props.dark && "dark text-white",
language={(selectedTab() as SnippetTab).codeLanguage} )}
withLineNumbers={(selectedTab() as SnippetTab).withLineNumbers} language={tab.codeLanguage}
> withLineNumbers={tab.withLineNumbers}
{(selectedTab() as SnippetTab).code} >
</Highlight> {tab.code}
)} </Highlight>
{!selectedTab().code && ( )}
<div class="pb-1">{(selectedTab() as CommonTab).children}</div> {!tab.code && <div class="pb-1">{tab.children}</div>}
)} </div>
</div> )}
)} </For>
</div> </div>
</div> </div>
); );