refactor(codeTabsComponent): wrap code tabs in a div with flex column layout for better styling and readability

This commit is contained in:
anovazzi1 2023-09-04 19:33:21 -03:00
commit 25f7814fea

View file

@ -180,7 +180,7 @@ export default function CodeTabsComponent({
key={idx} // Remember to add a unique key prop key={idx} // Remember to add a unique key prop
> >
{idx < 4 ? ( {idx < 4 ? (
<> <div className="w-full h-full flex flex-col">
{tab.description && ( {tab.description && (
<div <div
className="mb-2 w-full text-left text-sm" className="mb-2 w-full text-left text-sm"
@ -194,7 +194,7 @@ export default function CodeTabsComponent({
> >
{tab.code} {tab.code}
</SyntaxHighlighter> </SyntaxHighlighter>
</> </div>
) : idx === 4 ? ( ) : idx === 4 ? (
<> <>
<div className="api-modal-according-display"> <div className="api-modal-according-display">