Merge pull request #5979 from Glazy/addon-viewport-border-style

Change viewport styling to more closely match v4
storybookjs · Mar 11, 2019 · f99fda6 · f99fda6
1 parent 44b4bd0
commit f99fda6
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/addons/viewport/src/Tool.js b/addons/viewport/src/Tool.js
@@ -129,9 +129,12 @@ export default class ViewportTool extends Component {
           <Global
             styles={{
               [`#${iframeId}`]: {
-                border: '10px solid black',
+                position: 'relative',
+                display: 'block',
+                margin: '10px auto',
+                border: '1px solid #888',
                 borderRadius: 4,
-                margin: 10,
+                boxShadow: '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);',
 
                 ...(isRotated ? flip(item.value || {}) : item.value || {}),
               },