diff --git a/src/components/CardFull.svelte b/src/components/CardFull.svelte index 0f94f82..5fc1a15 100644 --- a/src/components/CardFull.svelte +++ b/src/components/CardFull.svelte @@ -315,16 +315,16 @@ } .preview-container { - flex: 3; + /* flex: 3; display: flex; align-items: center; justify-content: center; padding: 2rem; - background-color: var(--color-card); + background-color: var(--color-card); */ color: var(--color-text); - overflow: hidden; + /* overflow: hidden; position: relative; - contain: layout style paint; /* CSS containment */ + contain: layout style paint; */ } .preview-container img { diff --git a/src/components/InlineSvg.svelte b/src/components/InlineSvg.svelte index ba15abf..56f63be 100644 --- a/src/components/InlineSvg.svelte +++ b/src/components/InlineSvg.svelte @@ -228,7 +228,7 @@ .svg-wrapper :global(svg) { width: 100%; - height: auto; + height: 100%; object-fit: contain; display: block; transform-origin: center;