Add MCP badge to WelcomeModal video section
Browse filesIntroduces a styled 'Now with MCP!' badge positioned at the bottom right of the video area in the WelcomeModal component to highlight the new MCP feature.
src/lib/components/WelcomeModal.svelte
CHANGED
|
@@ -17,7 +17,7 @@
|
|
| 17 |
class="flex w-full flex-col gap-8 bg-white bg-gradient-to-b to-transparent px-6 pb-7 dark:bg-black dark:from-white/10 dark:to-white/5"
|
| 18 |
>
|
| 19 |
<div
|
| 20 |
-
class="-mx-6 grid h-48 select-none place-items-center bg-gradient-to-t from-black/5 dark:from-white/10"
|
| 21 |
>
|
| 22 |
<video
|
| 23 |
class="size-full object-cover"
|
|
@@ -31,6 +31,11 @@
|
|
| 31 |
<Logo classNames="mr-2 size-12 dark:invert" />
|
| 32 |
{publicConfig.PUBLIC_APP_NAME}
|
| 33 |
</h2> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 34 |
</div>
|
| 35 |
|
| 36 |
<div class="text-gray-700 dark:text-gray-200">
|
|
|
|
| 17 |
class="flex w-full flex-col gap-8 bg-white bg-gradient-to-b to-transparent px-6 pb-7 dark:bg-black dark:from-white/10 dark:to-white/5"
|
| 18 |
>
|
| 19 |
<div
|
| 20 |
+
class="relative -mx-6 grid h-48 select-none place-items-center bg-gradient-to-t from-black/5 dark:from-white/10"
|
| 21 |
>
|
| 22 |
<video
|
| 23 |
class="size-full object-cover"
|
|
|
|
| 31 |
<Logo classNames="mr-2 size-12 dark:invert" />
|
| 32 |
{publicConfig.PUBLIC_APP_NAME}
|
| 33 |
</h2> -->
|
| 34 |
+
<div
|
| 35 |
+
class="absolute bottom-3 right-3 rounded-lg border border-blue-500/20 bg-blue-500/20 px-2 py-0.5 text-sm font-semibold text-blue-500"
|
| 36 |
+
>
|
| 37 |
+
Now with MCP!
|
| 38 |
+
</div>
|
| 39 |
</div>
|
| 40 |
|
| 41 |
<div class="text-gray-700 dark:text-gray-200">
|