Merge pull request #86 from sanjayc208/website/tailwind-example-update

chore: updated rft version and changed tailwind example css

Author: sanjayc208

website/package.json

@@ -32,7 +32,7 @@
     "next": "15.0.3",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "react-fox-toast": "^1.10.7",
+    "react-fox-toast": "^1.10.11",
     "react-syntax-highlighter": "^15.6.1",
     "tailwind-merge": "^2.5.5",
     "zustand": "^5.0.3"

website/pnpm-lock.yaml

@@ -126,7 +126,7 @@ export function DocSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
                 </div>
                 <div className="flex flex-col gap-0.5 leading-none">
                   <span className="font-semibold">react-fox-toast</span>
-                  <span className="">v1.10.2</span>
+                  <span className="">v1.10.11</span>
                 </div>
               </a>
             </SidebarMenuButton>

website/src/app/documentation/components/sections/doc-sidebar.tsx

@@ -245,11 +245,11 @@ toast.promise(fetchData(), {
     const showTailwindCSS = () => {
         toast.success('Success data with Tailwind Css', {
             position: selectedPosition ? selectedPosition : undefined,
-            className: 'bg-orange-100 text-orange-900',
+            className: 'bg-[#282c34] text-[#e5e5e5] rounded-3xl',
         })
         setCodeSyntax(`
 toast.success('Success data with Tailwind Css',{
-  className: 'bg-orange-100 text-orange-900',${selectedPosition ? `
+  className: 'bg-[#282c34] text-[#e5e5e5] rounded-3xl',${selectedPosition ? `
   position: '${selectedPosition}'` : ''}
 })
 `)
@@ -291,7 +291,6 @@ toast.success('Success data with Tailwind Css',{
                 </div>
             </div>
 
-
             {/* Example List */}
             <div className="flex flex-col lg:flex-row gap-8 p-6 xs:px-4 lg:px-20 md:lg:px-12 sm:lg:px-12 ">
                 <div className="grid grid-cols-2 gap-4 flex-none lg:w-[45%] lg:max-h-[200px]">