Merge pull request #14298 from supabase/chore/terry-docs-polish-2

Chore/terry docs polish 2

apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx

@@ -48,7 +48,7 @@ const NavigationMenuCliList = ({ currentLevel, setLevel, id }) => {
   }
 
   const Divider = () => {
-    return <div className="h-px w-full bg-green-500 my-3"></div>
+    return <div className="h-px w-full bg-scale-500 my-3"></div>
   }
 
   const MenuSections = [

apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx

@@ -54,7 +54,7 @@ const ContentAccordionLink = React.memo(function ContentAccordionLink(props: any
     <>
       {props.subItemIndex === 0 && (
         <>
-          <div className="h-px w-full bg-green-500 my-3"></div>
+          <div className="h-px w-full bg-scale-500 my-3"></div>
           <span className="font-mono text-xs uppercase text-scale-1200 font-medium tracking-wider">
             {props.parent.name}
           </span>

apps/docs/docs/ref/cli/global-flags.mdx

@@ -1,5 +1,6 @@
 ---
 title: Global Flags
+subtitle: 'Supabase CLI supports global flags for every command.'
 description: 'Supabase CLI supports global flags for every command.'
 ---
 

apps/docs/layouts/guides/index.tsx

@@ -15,10 +15,10 @@ import useHash from '~/hooks/useHash'
 interface Props {
   meta: {
     title: string
-    description?: string
+    description?: string // used in meta tags
     hide_table_of_contents?: boolean
     breadcrumb?: string
-    subtitle?: string
+    subtitle?: string // used on the page under the H1
     footerHelpType?: FooterHelpCalloutType
     video?: string
     tocVideo?: string
@@ -127,7 +127,7 @@ const Layout: FC<Props> = (props) => {
             {props.meta.subtitle && (
               <h2 className="mt-3 text-xl text-scale-1100">{props.meta.subtitle}</h2>
             )}
-            <div className="max-w-xs w-32 h-[1px] bg-gradient-to-r from-brand-800 to-brand-900 my-8"></div>
+            <div className="w-full h-[1px] bg-scale-500 my-8"></div>
             <MDXProvider components={components}>{props.children}</MDXProvider>
 
             {EDIT_BUTTON_EXCLUDE_LIST.includes(router.route) ? (

apps/docs/pages/guides/functions.mdx

@@ -4,6 +4,7 @@ export const meta = {
   id: 'functions',
   title: 'Edge Functions',
   description: 'Globally distributed TypeScript functions.',
+  subtitle: 'Globally distributed TypeScript functions.',
   sidebar_label: 'Overview',
   hide_table_of_contents: true,
 }

packages/ui/src/components/Command/Command.icons.tsx

@@ -6,17 +6,25 @@ interface AiIconProps {
 
 export const AiIcon = ({ className = 'text-brand-900' }: AiIconProps) => (
   <svg
-    xmlns="http://www.w3.org/2000/svg"
+    className={`w-6 h-6 ${className}`}
     fill="none"
     viewBox="0 0 24 24"
     strokeWidth="1.5"
     stroke="currentColor"
-    className={`w-6 h-6 ${className}`}
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
   >
     <path
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"
+      stroke="#4CC38A"
+      strokeMiterlimit="10"
+      d="m10.618 11.832-2.283 2.657a.5.5 0 0 1-.88-.325v-3.98H2.728a1 1 0 0 1-.777-1.628l5.402-6.682a.5.5 0 0 1 .889.314v3.915h5.043a1 1 0 0 1 .766 1.642l-1.373 1.638"
+    />
+    <path
+      stroke="#4CC38A"
+      strokeLinejoin="bevel"
+      strokeMiterlimit="10"
+      d="m12.232 14.15.418-1.254a2.383 2.383 0 0 1 1.507-1.507l1.253-.417-1.253-.418a2.383 2.383 0 0 1-1.508-1.507l-.417-1.253-.417 1.253a2.383 2.383 0 0 1-1.507 1.507l-1.253.418 1.253.417a2.383 2.383 0 0 1 1.507 1.507l.417 1.253Z"
     />
   </svg>
 )

packages/ui/src/components/Command/Command.utils.tsx

@@ -241,7 +241,7 @@ export const CommandItem = React.forwardRef<CommandPrimitiveItemElement, Command
       {...props}
     >
       <div className="w-full flex flex-row justify-between items-center">
-        <div className="flex flex-row items-center">{children}</div>
+        <div className="flex flex-row flex-grow items-center">{children}</div>
         {badge}
       </div>
     </CommandPrimitive.Item>