mirror of
https://github.com/shadoll/sLogos.git
synced 2025-12-20 03:26:59 +00:00
Refactor CardFull and InlineSvg components for improved layout and SVG handling
This commit is contained in:
@@ -315,16 +315,16 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.preview-container {
|
.preview-container {
|
||||||
flex: 3;
|
/* flex: 3;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
background-color: var(--color-card);
|
background-color: var(--color-card); */
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
overflow: hidden;
|
/* overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
contain: layout style paint; /* CSS containment */
|
contain: layout style paint; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview-container img {
|
.preview-container img {
|
||||||
|
|||||||
@@ -228,7 +228,7 @@
|
|||||||
|
|
||||||
.svg-wrapper :global(svg) {
|
.svg-wrapper :global(svg) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: 100%;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
display: block;
|
display: block;
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user