Restore borders on embed blocks with Captions

Fixes oversight in commit 994eb, the border in Caption should be removed when the Caption wraps image blocks, but embed blocks should be bordered

Author: viktorrenkema

packages/gitbook/src/components/DocumentView/Caption.tsx

@@ -25,6 +25,8 @@ export function Caption(
         block: DocumentBlockImage | DocumentBlockDrawing | DocumentBlockEmbed | DocumentBlockFile;
     } & DocumentContextProps,
 ) {
+    const needsBorder = props.block.type === 'embed' || props.block.type === 'file';
+
     const {
         children,
         document,
@@ -37,9 +39,10 @@ export function Caption(
             'after:block',
             'after:absolute',
             'after:-inset-[0]',
-            'dark:after:mix-blend-plus-lighter',
-            'after:pointer-events-none',
             fit ? 'w-fit' : null,
+            needsBorder
+                ? 'rounded straight-corners:rounded-none after:border-dark/2 after:border after:rounded straight-corners:after:rounded-none dark:after:border-light/1 dark:after:mix-blend-plus-lighter after:pointer-events-none'
+                : null,
         ],
         style,
     } = props;

packages/gitbook/src/components/DocumentView/File.tsx

@@ -21,7 +21,7 @@ export async function File(props: BlockProps<DocumentBlockFile>) {
     const contentType = getSimplifiedContentType(file.contentType);
 
     return (
-        <Caption {...props} wrapperStyle={[]}>
+        <Caption {...props}>
             <Link
                 href={file.downloadURL}
                 download={file.name}
@@ -34,13 +34,9 @@ export async function File(props: BlockProps<DocumentBlockFile>) {
                     'flex',
                     'flex-row',
                     'items-center',
-                    'border',
                     'px-5',
                     'py-3',
-                    'border-dark/3',
-                    'rounded-lg',
                     'hover:text-primary-600',
-                    'dark:border-light/3',
                     'dark:hover:text-primary-300',
                 )}
             >