root/regexper-static
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixing centering of rendered SVG when container is too small

Browse Source
This commit is contained in:
Jeff Avallone 2018-02-17 17:25:54 -05:00
parent 1362ceb8c8
commit 9eea045d2b
1 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/App/style.css
View File

@ -1,8 +1,6 @@
@import url('../../globals.css'); @import url('../../globals.css');
.render { .render {
display: flex;
justify-content: center;
width: 100%; width: 100%;
background: var(--color-white); background: var(--color-white);
box-sizing: border-box; box-sizing: border-box;
@ -12,6 +10,6 @@
& svg { & svg {
display: block; display: block;
transform: scaleZ(1); /* Move to separate render layer in Chrome */ transform: scaleZ(1); /* Move to separate render layer in Chrome */
flex-shrink: 0; margin: 0 auto;
} }
} }