update canva

2025-01-24 14:12:52 -05:00
parent 86f3aef93c
commit 890f59dcb4
3 changed files with 52 additions and 1 deletions
--- a/src/components/CanvaEmbed.js
+++ b/src/components/CanvaEmbed.js
@@ -0,0 +1,39 @@
+// src/components/CanvaEmbed.js
+import React from 'react';
+
+const CanvaEmbed = ({ src }) => {
+  return (
+    <div style={{ 
+      position: 'relative', 
+      width: '100%', 
+      height: 0, 
+      paddingTop: '56.2500%',
+      paddingBottom: 0, 
+      boxShadow: '0 2px 8px 0 rgba(63,69,81,0.16)', 
+      marginTop: '1.6em', 
+      marginBottom: '0.9em', 
+      overflow: 'hidden',
+      borderRadius: '8px', 
+      willChange: 'transform'
+    }}>
+      <iframe 
+        loading="lazy" 
+        style={{ 
+          position: 'absolute', 
+          width: '100%', 
+          height: '100%', 
+          top: 0, 
+          left: 0, 
+          border: 'none', 
+          padding: 0,
+          margin: 0 
+        }}
+        src={src} 
+        allowFullScreen
+      >
+      </iframe>
+    </div>
+  );
+};
+
+export default CanvaEmbed;