Merge pull request #32 from ivalshamkya/development

feat: adjust dialog size on mobile and change bg color docs
ivalshamkya · Feb 7, 2024 · 537ab3e · 537ab3e
2 parents 8239c06 + 673cbd6
commit 537ab3e
Show file tree

Hide file tree

Showing 9 changed files with 13 additions and 14 deletions.
diff --git a/apps/www/src/app/docs/layout.tsx b/apps/www/src/app/docs/layout.tsx
@@ -16,7 +16,7 @@ export default function DocsLayout({
       <div className="hidden md:block">
         <Sidebar />
       </div>
-      <div className="docs md:ml-[300px] min-h-[100vh] w-auto md:w-[full-250px] bg-[#00EB90] px-5 pt-[80px] border-l">
+      <div className="docs md:ml-[300px] min-h-[100vh] w-auto md:w-[full-250px] bg-[#4dfe4d] px-5 pt-[80px] border-l">
         <div className="mx-auto w-full max-w-[700px] pt-20">{children}</div>
       </div>
     </>

diff --git a/apps/www/src/app/globals.css b/apps/www/src/app/globals.css
@@ -88,5 +88,5 @@
 .square-pattern {
   opacity: 1;
   background-image:  linear-gradient(#fff6f4 3px, transparent 3px), linear-gradient(to right, #fff6f4 3px, #fff 1px);
-  background-size: 40px 40px;
+  background-size: 70px 70px;
 }
diff --git a/apps/www/src/app/layout.tsx b/apps/www/src/app/layout.tsx
@@ -57,7 +57,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body
-        className={`${bricolage.className} bg-[#00EB90] selection:bg-blue-500/50`}
+        className={`${bricolage.className} bg-[#121212] selection:bg-blue-500/50`}
       >
         <Navbar />
         {children}

diff --git a/apps/www/src/app/page.tsx b/apps/www/src/app/page.tsx
@@ -36,7 +36,7 @@ export default function Home() {
           </div>
         </div>
       </div>
-      <Footer></Footer>
+      <Footer />
     </main>
   );
 }
diff --git a/apps/www/src/components/SearchBar.tsx b/apps/www/src/components/SearchBar.tsx
@@ -86,8 +86,11 @@ export default function SearchBar() {
                   onClick={handleClose}
                 >
                   <button className="w-full flex items-center gap-3 p-2 text-left rounded hover:bg-zinc-300">
-                    <RxComponent1 className="text-xs" />
-                    <h1 className="font-light">{result.name}</h1>
+                    <RxComponent1 className="w-4" />
+                    <div className="w-full">
+                      <h1 className="font-light">{result.name}</h1>
+                      <h1 className="text-xs font-light line-clamp-1">{result.sub}</h1>
+                    </div>
                   </button>
                 </Link>
               ))}

diff --git a/apps/www/src/components/Sidebar.tsx b/apps/www/src/components/Sidebar.tsx
@@ -10,7 +10,7 @@ export default function Sidebar() {
   const year = new Date().getFullYear();
 
   return (
-    <aside className="scrollbar fixed top-20 h-[calc(100vh-80px)] max-h-[calc(100vh-80px)] w-[303px] py-7 bg-[#ff7d7d] overflow-y-auto border-r-4 border-black">
+    <aside className="scrollbar fixed top-20 h-[calc(100vh-80px)] max-h-[calc(100vh-80px)] w-[303px] py-7 bg-[#ff7a7a] overflow-y-auto border-r-4 border-black">
       <div className="block border-black p-4 text-xl font-bold uppercase">
         Getting Started
       </div>

diff --git a/apps/www/src/components/neobruu/Dialog.tsx b/apps/www/src/components/neobruu/Dialog.tsx
@@ -20,7 +20,7 @@ type DialogFooterProps = {
 };
 
 const dialogVariants = cva(
-  "z-10 w-[425px] md:w-[500px] overflow-y-auto border-2 border-black p-2 shadow-[4px_4px_0px_0px_rgba(0,0,0,1)]",
+  "z-10 w-[calc(93svw)] md:w-[500px] overflow-y-auto border-2 border-black p-2 shadow-[4px_4px_0px_0px_rgba(0,0,0,1)]",
   {
     variants: {
       variant: {

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -2,11 +2,6 @@
   "name": "@neobruu/ui",
   "version": "0.0.0",
   "private": true,
-  "exports": {
-    "./button": "./src/button.tsx",
-    "./card": "./src/card.tsx",
-    "./code": "./src/code.tsx"
-  },
   "scripts": {
     "lint": "eslint . --max-warnings 0",
     "generate:component": "turbo gen react-component"

diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
@@ -1,7 +1,8 @@
 {
   "extends": "@neobruu/typescript-config/react-library.json",
   "compilerOptions": {
-    "outDir": "dist"
+    "outDir": "dist",
+    "module": "NodeNext"
   },
   "include": ["../../apps/www/src/components/neobruu", "../../apps/www/src/components/neobruu"],
   "exclude": ["node_modules", "dist"]