.lg-components suggest adding safe-area-inset-bottom for mobile phones above iphoneX

[wesley0609]

Summary

As title

Basic example

.lg-components{
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}

Motivation

Because there is a gesture operation area below the mobile phones above iphoneX (phone with bangs), which will cause the picture text introduction area to be blocked.