From 5779a132d9a09b5fb3668e9a126cfb1818cbe80c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=92=D0=BB=D0=B0=D0=B4=D0=B8=D1=81=D0=BB=D0=B0=D0=B2=20?= =?UTF-8?q?=D0=9B=D1=8E=D0=BC=D0=B8=D0=BD=D0=B0=D1=80=D1=81=D0=BA=D0=B8?= =?UTF-8?q?=D0=B9?= Date: Sun, 4 Nov 2018 16:56:42 +0400 Subject: [PATCH 1/3] Fit image into parent block horizontally. --- packages/@vuepress/theme-default/components/Home.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/@vuepress/theme-default/components/Home.vue b/packages/@vuepress/theme-default/components/Home.vue index 95a00cbfcc..f45d92c0e7 100644 --- a/packages/@vuepress/theme-default/components/Home.vue +++ b/packages/@vuepress/theme-default/components/Home.vue @@ -78,6 +78,8 @@ export default { .hero text-align center img + object-fit: contain + width: 100% max-height 280px display block margin 3rem auto 1.5rem From 6fc8a41150dc69bece44fb181067d0a964c2fbd5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=92=D0=BB=D0=B0=D0=B4=D0=B8=D1=81=D0=BB=D0=B0=D0=B2=20?= =?UTF-8?q?=D0=9B=D1=8E=D0=BC=D0=B8=D0=BD=D0=B0=D1=80=D1=81=D0=BA=D0=B8?= =?UTF-8?q?=D0=B9?= Date: Sun, 4 Nov 2018 18:59:20 +0400 Subject: [PATCH 2/3] width -> max-width --- packages/@vuepress/theme-default/components/Home.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/@vuepress/theme-default/components/Home.vue b/packages/@vuepress/theme-default/components/Home.vue index f45d92c0e7..314eb454c2 100644 --- a/packages/@vuepress/theme-default/components/Home.vue +++ b/packages/@vuepress/theme-default/components/Home.vue @@ -79,7 +79,7 @@ export default { text-align center img object-fit: contain - width: 100% + max-width: 100% max-height 280px display block margin 3rem auto 1.5rem From 88ec08e719de706633c4235d8084bf089af70aae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=92=D0=BB=D0=B0=D0=B4=D0=B8=D1=81=D0=BB=D0=B0=D0=B2=20?= =?UTF-8?q?=D0=9B=D1=8E=D0=BC=D0=B8=D0=BD=D0=B0=D1=80=D1=81=D0=BA=D0=B8?= =?UTF-8?q?=D0=B9?= Date: Thu, 15 Nov 2018 23:01:55 +0400 Subject: [PATCH 3/3] Removing object-fit property --- packages/@vuepress/theme-default/components/Home.vue | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/@vuepress/theme-default/components/Home.vue b/packages/@vuepress/theme-default/components/Home.vue index 314eb454c2..ceb50c2364 100644 --- a/packages/@vuepress/theme-default/components/Home.vue +++ b/packages/@vuepress/theme-default/components/Home.vue @@ -78,7 +78,6 @@ export default { .hero text-align center img - object-fit: contain max-width: 100% max-height 280px display block