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>
<NuxtRouteAnnouncer />
<NuxtLoadingIndicator />
<NuxtPage />
<div>
<NuxtRouteAnnouncer />
<NuxtLoadingIndicator />
<div class="fixed top-4 right-4 z-50">
<UColorModeSelect />
</div>
<NuxtPage />
</div>
</template>

View File

@@ -222,7 +222,11 @@ const apiEndpoints = [
<h3 class="text-xl font-semibold mb-4">
MCP Configuration
</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>{
"mcpServers": {
@@ -239,7 +243,11 @@ const apiEndpoints = [
<h3 class="text-xl font-semibold mb-4">
Direct Connection
</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>
</UCard>
<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:
</p>
<UCard
variant="solid"
:ui="{
body: 'bg-gray-900 dark:bg-gray-950'
}"
>
<pre class="text-sm text-gray-100 overflow-x-auto">
<code>
@@ -234,7 +236,11 @@ const resources = [
<p class="text-gray-600 dark:text-gray-400 mb-4">
Use REST API endpoints in your applications:
</p>
<UCard variant="solid">
<UCard
:ui="{
body: 'bg-gray-900 dark:bg-gray-950'
}"
>
<pre class="text-sm text-gray-100 overflow-x-auto">
<code># Get profile information
curl https://api.arthurdanjou.fr/api/profile