feat(docs): new styles (#322)

OpenLabs-dev · May 27, 2024 · 3fe26d3 · 3fe26d3
1 parent 45d08ff
commit 3fe26d3
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 16 deletions.
diff --git a/apps/web/components/menu.tsx b/apps/web/components/menu.tsx
@@ -46,7 +46,7 @@ export default function Menu() {
           </div>
           <div className="flex items-center">
             <div className="flex items-center gap-4">
-              <DocsSearch />
+              <DocsSearch className="hidden md:flex" />
               <div className="flex items-center gap-x-1">
                 <Button asChild color="ghost" size="icon">
                   <Link href="https://github.com/Open-Lab-dev/openui">

diff --git a/apps/web/components/movil-sidebar-nav.tsx b/apps/web/components/movil-sidebar-nav.tsx
@@ -8,20 +8,12 @@ export default function MovilSidebar() {
   return (
     <Sheet open={open} onOpenChange={setOpen}>
       <SheetTrigger asChild>
-        <Button color="ghost" size="icon" className="relative md:hidden ml-auto">
+        <Button color="ghost" size="icon" className="relative bg-transparent border border-default md:hidden h-9 px-5">
           <span className=" absolute transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              className="size-6"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth={2}
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                d="M4 6h16M4 12h16M4 18h16"
-              />
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#000000" fill="none">
+              <path d="M4 5L20 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+              <path d="M4 12L20 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+              <path d="M4 19L20 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
             </svg>
           </span>
         </Button>

diff --git a/apps/web/components/sidebar-nav.tsx b/apps/web/components/sidebar-nav.tsx
@@ -62,7 +62,7 @@ export function DocsSidebarNavItems({ items, setOpen }: DocsSidebarNavItemsProps
     ? (
       <div className="flex flex-col justify-start items-start text-small">
         {items.map((item, index) => (
-          <Button key={index} asChild color="ghost" className={cn('w-full flex justify-start items-start', path === item.href ? 'bg-default hover:bg-default/80' : 'bg-transparent')} rippleColor="light">
+          <Button key={index} asChild color="ghost" className={cn('w-full hover:bg-default flex justify-start items-start', path === item.href ? 'bg-default' : 'bg-transparent')} rippleColor="light">
             <Link
               href={item.href!}
               className="!font-normal"

diff --git a/apps/web/content/docs/getting-started/figma.mdx b/apps/web/content/docs/getting-started/figma.mdx
@@ -16,4 +16,4 @@ The Figma UI Kit is open sourced by [Open Lab](https://github.com/OpenLab-dev).
 
 ## Grab a copy
 
-https://www.figma.com/community/file/1354464067434498042
+[Link to Figma](https://www.figma.com/community/file/1354464067434498042/open-ui)