Monaco code example working

This commit is contained in:
2025-02-22 23:24:31 -06:00
parent ae4bc3e0a9
commit 6c7fc895f8
6 changed files with 37 additions and 39 deletions
+4 -3
View File
@@ -100,10 +100,11 @@
pointer-events: none;
}
.hero > div:nth-child(2) {
.codeExample {
flex: 1;
min-width: 45%;
height: 100%;
max-width: 60%;
height: 75%;
max-height: 500px;
}
.code {
+2 -22
View File
@@ -24,32 +24,12 @@ export default function Home() {
Finally a simpler way to build Discord bots.{" "}
</p>
</div>
<div>
<div className={styles.codeExample}>
<CodeExample />
</div>
</div>
<div>
<h2 className={styles.title}>Features</h2>
<ul className={styles.features}>
<li>TypeScript support</li>
<li>Intuitive API</li>
<li>Powerful command system</li>
<li>Built-in event handling</li>
<li>Easy to use</li>
</ul>
<h2 className={styles.title}>Get Started</h2>
<p className={styles.description}>
To get started, check out the{" "}
<a href="https://unicord.dev" target="_blank">
<span className={styles.link}>documentation</span>
</a>{" "}
or join our{" "}
<a href="https://discord.gg/9v6Z4J5q" target="_blank">
<span className={styles.link}>Discord server</span>
</a>{" "}
for help and support.
</p>
<div className={styles.pillars}>
</div>
</main>
</div>
@@ -4,6 +4,6 @@
min-height: 300px;
border-radius: 8px;
overflow: hidden;
margin: 20px 0;
/* margin: 20px 0; */
border: 1px solid #2d2d2d;
}