fix(plugin-edusharing): make loading plugin state have aspect 16/9 to…

… reduce content shifts after load
serlo · Nov 22, 2024 · 38bb5de · 38bb5de
1 parent 9a626f0
commit 38bb5de
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/editor/src/editor-ui/assets/edusharing.svg b/packages/editor/src/editor-ui/assets/edusharing.svg
diff --git a/packages/editor/src/plugins/edusharing-asset/renderer.tsx b/packages/editor/src/plugins/edusharing-asset/renderer.tsx
@@ -100,8 +100,8 @@ export function EdusharingAssetRenderer(props: {
         {embedHtml ? (
           renderEmbed()
         ) : (
-          <div className="flex justify-center">
-            <EdusharingIcon />
+          <div className="flex aspect-[16/9] w-full items-center justify-center">
+            <EdusharingIcon style={{ width: '5rem', height: '5rem' }} />
           </div>
         )}
       </div>