css

Author: nolannbiron

packages/gitbook/src/components/DocumentView/OpenAPI/style.css

@@ -1031,9 +1031,9 @@ body:has(.openapi-select-popover) {
     @apply px-3 pb-3;
 }
 .openapi-required-scopes .openapi-securities-scopes {
-    @apply ml-6;
+    @apply ml-6 font-normal *:!text-[0.8125rem];
 }
 
 .openapi-required-scopes .openapi-required-scopes-description {
-    @apply text-xs text-tint-subtle font-normal mb-2;
+    @apply text-xs !text-tint font-normal mb-2;
 }

packages/react-openapi/src/OpenAPICopyButton.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import clsx from 'classnames';
 import { useState } from 'react';
 import { Button, type ButtonProps } from 'react-aria-components';
 import { OpenAPITooltip } from './OpenAPITooltip';
@@ -45,7 +46,7 @@ export function OpenAPICopyButton(
                     handleCopy();
                     onPress?.(e);
                 }}
-                className={`openapi-copy-button ${className}`}
+                className={clsx('openapi-copy-button', className)}
                 {...props}
             >
                 {children}

packages/react-openapi/src/OpenAPIRequiredScopes.tsx

@@ -98,7 +98,7 @@ function OpenAPIScopeItem(props: {
     return (
         <li>
             <OpenAPIScopeItemKey name={scope[0]} context={context} />
-            {scope[1] ? `: ${scope[1]}` : null}
+            {scope[1] ? <span>: {scope[1]}</span> : null}
         </li>
     );
 }