refactor(components): refactor context and update CLIs

ruru-m07 · Aug 17, 2024 · 53b7f24 · 53b7f24
1 parent 480b175
commit 53b7f24
Show file tree

Hide file tree

Showing 62 changed files with 1,969 additions and 882 deletions.
diff --git a/apps/www/app/global.css b/apps/www/app/global.css
@@ -18,6 +18,10 @@
   --headless-color: 250 80% 54%;
   --mdx-color: 0 0% 9%;
   --ui-color: 220deg 91% 54%;
+  --shiki-light: #4c4f69;
+  --shiki-dark: #cdd6f4;
+  --shiki-light-bg: #eff1f5;
+  --shiki-dark-bg: #0f0f0f !important;
 }
 
 .dark {
@@ -49,8 +53,12 @@
   --card: 230 40% 26.3% !important;
 }
 
+/* #nd-docs-layout {
+  background: var(--popover);
+} */
+
 .words_width_animat {
-  animation: words_width_animation 4s normal;
+  animation: words_width_animation 2.5s normal;
 }
 
 .words_width_lens_body {
@@ -66,11 +74,11 @@
 }
 
 .words_interfaces::after {
-  animation: words_interfaces_after_animation 3.5s normal;
+  animation: words_interfaces_after_animation 1.5s normal;
 }
 
 .words_interfaces::before {
-  animation: words_interfaces_before_animation 3.5s normal;
+  animation: words_interfaces_before_animation 1.5s normal;
 }
 
 @keyframes words_width_animation {
@@ -82,6 +90,10 @@
     top: -28px;
     opacity: 0.5;
   }
+  75% {
+    top: -28px;
+    opacity: 1;
+  }
   100% {
     top: -28px;
     opacity: 1;
@@ -126,10 +138,10 @@
     width: 0;
     opacity: 0;
   }
-  65% {
+  /* 65% {
     width: 205px;
     opacity: 0.5;
-  }
+  } */
   100% {
     width: 205px;
     opacity: 1;
@@ -141,10 +153,10 @@
     height: 0;
     opacity: 0;
   }
-  65% {
+  /* 65% {
     height: 60px;
     opacity: 0.5;
-  }
+  } */
   100% {
     height: 60px;
     opacity: 1;

diff --git a/apps/www/app/layout.tsx b/apps/www/app/layout.tsx
@@ -6,7 +6,9 @@ import { GeistSans } from "geist/font/sans";
 import type { ReactNode } from "react";
 import { RuruProvider } from "ruru-ui/provider";
 import "fumadocs-ui/style.css";
+import "fumadocs-ui/twoslash.css";
 import { ScrollArea } from "@/components/scroll-area";
+import { Analytics } from "@vercel/analytics/react";
 
 export const metadata = createMetadata({
   title: {
@@ -29,8 +31,9 @@ export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" className={GeistSans.className} suppressHydrationWarning>
       <body>
+        <Analytics />
         <RootProvider>
-          <RuruProvider>
+          <RuruProvider disableBaseColor>
             <ScrollArea className="h-screen">{children}</ScrollArea>
           </RuruProvider>
         </RootProvider>