fix: some style fixes

tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx

@@ -800,7 +800,7 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
 
   ReactIndicator = observer(() => {
     const bounds = this.getBounds()
-    return <rect width={bounds.width} height={bounds.height} fill="transparent" stroke="none" />
+    return <rect width={bounds.width} height={bounds.height} fill="transparent" rx={8} ry={8} />
   })
 
   validateProps = (props: Partial<LogseqPortalShapeProps>) => {

tldraw/apps/tldraw-logseq/src/lib/shapes/TextShape.tsx

@@ -244,7 +244,6 @@ export class TextShape extends TLTextShape<TextShapeProps> {
         rx={borderRadius}
         ry={borderRadius}
         fill="transparent"
-        stroke="none"
       />
     )
   })

tldraw/apps/tldraw-logseq/src/lib/shapes/YouTubeShape.tsx

@@ -18,7 +18,7 @@ export class YouTubeShape extends TLBoxShape<YouTubeShapeProps> {
     type: 'youtube',
     parentId: 'page',
     point: [0, 0],
-    size: [600, 320],
+    size: [853, 480],
     url: '',
   }
 
@@ -56,7 +56,7 @@ export class YouTubeShape extends TLBoxShape<YouTubeShapeProps> {
         <div
           className="rounded-lg w-full h-full relative overflow-hidden shadow-xl"
           style={{
-            pointerEvents: isEditing || isSelected ? 'all' : 'none',
+            pointerEvents: isEditing ? 'all' : 'none',
             userSelect: 'none',
           }}
         >
@@ -64,9 +64,8 @@ export class YouTubeShape extends TLBoxShape<YouTubeShapeProps> {
             <div
               style={{
                 overflow: 'hidden',
-                paddingBottom: '56.25%',
                 position: 'relative',
-                height: 0,
+                height: '100%',
               }}
             >
               <iframe
@@ -120,7 +119,7 @@ export class YouTubeShape extends TLBoxShape<YouTubeShapeProps> {
         size: [w, h],
       },
     } = this
-    return <rect width={w} height={h} fill="transparent" stroke="none" />
+    return <rect width={w} height={h} fill="transparent" rx={8} ry={8} />
   })
 
   validateProps = (props: Partial<YouTubeShapeProps>) => {