Fix UCard dark mode styling and add ColorModeSelect component

Co-authored-by: ArthurDanjou <29738535+ArthurDanjou@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2025-12-18 22:04:20 +00:00
parent 9ea985c5c2
commit 10d6dfa741
3 changed files with 26 additions and 7 deletions

View File

@@ -1,5 +1,10 @@
<template> <template>
<NuxtRouteAnnouncer /> <div>
<NuxtLoadingIndicator /> <NuxtRouteAnnouncer />
<NuxtPage /> <NuxtLoadingIndicator />
<div class="fixed top-4 right-4 z-50">
<UColorModeSelect />
</div>
<NuxtPage />
</div>
</template> </template>

View File

@@ -222,7 +222,11 @@ const apiEndpoints = [
<h3 class="text-xl font-semibold mb-4"> <h3 class="text-xl font-semibold mb-4">
MCP Configuration MCP Configuration
</h3> </h3>
<UCard variant="solid"> <UCard
:ui="{
body: 'bg-gray-900 dark:bg-gray-950'
}"
>
<pre class="text-sm text-gray-100 overflow-x-auto"> <pre class="text-sm text-gray-100 overflow-x-auto">
<code>{ <code>{
"mcpServers": { "mcpServers": {
@@ -239,7 +243,11 @@ const apiEndpoints = [
<h3 class="text-xl font-semibold mb-4"> <h3 class="text-xl font-semibold mb-4">
Direct Connection Direct Connection
</h3> </h3>
<UCard variant="solid"> <UCard
:ui="{
body: 'bg-gray-900 dark:bg-gray-950'
}"
>
<pre class="text-sm text-gray-100 overflow-x-auto"><code>https://api.arthurdanjou.fr/mcp</code></pre> <pre class="text-sm text-gray-100 overflow-x-auto"><code>https://api.arthurdanjou.fr/mcp</code></pre>
</UCard> </UCard>
<p class="text-sm text-gray-600 dark:text-gray-400 mt-2"> <p class="text-sm text-gray-600 dark:text-gray-400 mt-2">

View File

@@ -212,7 +212,9 @@ const resources = [
Configure your MCP client to connect to my server: Configure your MCP client to connect to my server:
</p> </p>
<UCard <UCard
variant="solid" :ui="{
body: 'bg-gray-900 dark:bg-gray-950'
}"
> >
<pre class="text-sm text-gray-100 overflow-x-auto"> <pre class="text-sm text-gray-100 overflow-x-auto">
<code> <code>
@@ -234,7 +236,11 @@ const resources = [
<p class="text-gray-600 dark:text-gray-400 mb-4"> <p class="text-gray-600 dark:text-gray-400 mb-4">
Use REST API endpoints in your applications: Use REST API endpoints in your applications:
</p> </p>
<UCard variant="solid"> <UCard
:ui="{
body: 'bg-gray-900 dark:bg-gray-950'
}"
>
<pre class="text-sm text-gray-100 overflow-x-auto"> <pre class="text-sm text-gray-100 overflow-x-auto">
<code># Get profile information <code># Get profile information
curl https://api.arthurdanjou.fr/api/profile curl https://api.arthurdanjou.fr/api/profile