victor HF Staff commited on
Commit
2985077
·
1 Parent(s): e67ab0e

Add MCP badge to WelcomeModal video section

Browse files

Introduces 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">