From ba2fb3c22b50f67a8f649501fcf8d011ac743e12 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Albert=20Juh=C3=A9=20Lluveras?= Date: Thu, 28 Feb 2019 09:42:11 +0100 Subject: [PATCH] Make EmptyContent component fit narrow viewports (https://github.com/woocommerce/woocommerce-admin/pull/1703) --- .../packages/components/src/empty-content/index.js | 1 - .../packages/components/src/empty-content/style.scss | 5 +++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/plugins/woocommerce-admin/packages/components/src/empty-content/index.js b/plugins/woocommerce-admin/packages/components/src/empty-content/index.js index 32aaeb2c8af..07c70f56140 100644 --- a/plugins/woocommerce-admin/packages/components/src/empty-content/index.js +++ b/plugins/woocommerce-admin/packages/components/src/empty-content/index.js @@ -153,7 +153,6 @@ EmptyContent.propTypes = { EmptyContent.defaultProps = { illustration: '/empty-content.svg', - illustrationHeight: 400, illustrationWidth: 400, }; diff --git a/plugins/woocommerce-admin/packages/components/src/empty-content/style.scss b/plugins/woocommerce-admin/packages/components/src/empty-content/style.scss index 718ff612d06..28f1ba6eff9 100644 --- a/plugins/woocommerce-admin/packages/components/src/empty-content/style.scss +++ b/plugins/woocommerce-admin/packages/components/src/empty-content/style.scss @@ -1,8 +1,13 @@ /** @format */ .woocommerce-empty-content { + margin-bottom: $gap; text-align: center; + .woocommerce-empty-content__illustration { + max-width: 100%; + } + .woocommerce-empty-content__actions { .components-button + .components-button { margin-left: $gap;