style: add missing closing div tag for proper layout structure

This commit is contained in:
2026-03-10 20:53:06 -04:00
parent b6eb0d9db8
commit ac6563caac
3 changed files with 32 additions and 27 deletions

View File

@@ -1,3 +1,4 @@
<div>
<div class="mx-auto container pt-12 sm:pt-16 lg:pt-20 px-6 sm:px-8 lg:px-12">
<div class="bg-background-secondary hover:bg-background-secondary/80 border border-neutral p-8 rounded-lg">
<article class="prose dark:prose-invert mb-2 max-w-full" id="page-content">
@@ -78,10 +79,10 @@
copyButton.className = 'copy-code-button';
copyButton.innerHTML = `
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
<span class="button-text">Copy</span>
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"><\/rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><\/path>
<\/svg>
<span class="button-text">Copy<\/span>
`;
copyButton.addEventListener('click', async function() {
@@ -97,9 +98,9 @@
copyButton.classList.add('copied');
copyButton.innerHTML = `
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
<span class="button-text">Copied!</span>
<polyline points="20 6 9 17 4 12"><\/polyline>
<\/svg>
<span class="button-text">Copied!<\/span>
`;
// Reset button after 2 seconds
@@ -107,10 +108,10 @@
copyButton.classList.remove('copied');
copyButton.innerHTML = `
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
<span class="button-text">Copy</span>
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"><\/rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><\/path>
<\/svg>
<span class="button-text">Copy<\/span>
`;
}, 2000);
} catch (err) {
@@ -121,10 +122,10 @@
setTimeout(() => {
copyButton.innerHTML = `
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
<span class="button-text">Copy</span>
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"><\/rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><\/path>
<\/svg>
<span class="button-text">Copy<\/span>
`;
}, 2000);
}
@@ -135,3 +136,4 @@
});
});
</script>
</div>

View File

@@ -1,3 +1,4 @@
<div>
<div class="mx-auto container mt-8 mb-12">
<div class="mb-6">
<a href="{{ route('knowledgebase.index') }}" wire:navigate
@@ -111,10 +112,10 @@
copyButton.className = 'copy-code-button';
copyButton.innerHTML = `
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
<span class="button-text">Copy</span>
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"><\/rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><\/path>
<\/svg>
<span class="button-text">Copy<\/span>
`;
copyButton.addEventListener('click', async function() {
@@ -134,9 +135,9 @@
copyButton.innerHTML = `
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
<span class="button-text">Copied!</span>
<polyline points="20 6 9 17 4 12"><\/polyline>
<\/svg>
<span class="button-text">Copied!<\/span>
`;
// Reset button after 2 seconds
@@ -144,10 +145,10 @@
copyButton.classList.remove('copied');
copyButton.innerHTML = `
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
<span class="button-text">Copy</span>
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"><\/rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><\/path>
<\/svg>
<span class="button-text">Copy<\/span>
`;
}, 2000);
} catch (err) {
@@ -166,3 +167,4 @@
});
});
</script>
</div>