diff --git a/docs/images/preview_bg_hidpi.png b/docs/images/preview_bg_hidpi.png new file mode 100644 index 0000000..6adefc7 Binary files /dev/null and b/docs/images/preview_bg_hidpi.png differ diff --git a/docs/images/preview_fg_hidpi.png b/docs/images/preview_fg_hidpi.png new file mode 100644 index 0000000..38e90c2 Binary files /dev/null and b/docs/images/preview_fg_hidpi.png differ diff --git a/docs/index.css b/docs/index.css index 85732dd..f072718 100755 --- a/docs/index.css +++ b/docs/index.css @@ -97,7 +97,6 @@ body { padding-right: 40px; text-align: right; width: 45ch; - z-index: 1; } .discription__disclaimer { color: var(--text-color-secondary); @@ -156,26 +155,29 @@ body { .preview { grid-area: preview; + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; + z-index: -1; } .preview--bg { -webkit-mask-image: linear-gradient(to right, black, transparent); mask-image: linear-gradient(to right, black, transparent); - max-height: 712px; - max-width: 912px; - object-fit: none; + height: 668px; + object-fit: cover; object-position: left; opacity: 0.65; width: 500px; } .preview--fg { - margin-left: -60px; - max-height: 281px; - max-width: 462px; - position: relative; - grid-row-start: 2; align-self: flex-start; + grid-row-start: 2; + margin-left: -60px; + height: 280px; + width: 462px; + position: relative; } .footer { diff --git a/docs/index.html b/docs/index.html index 20ef4a2..b1ab6de 100755 --- a/docs/index.html +++ b/docs/index.html @@ -57,8 +57,8 @@ - - + +