interface: inset by safe-area on iOS

Fixes urbit/landscape#242
This commit is contained in:
Liam Fitzgerald 2021-12-13 08:25:58 -05:00
parent 917b53b374
commit 740d9b796e

View File

@ -43,7 +43,11 @@ const Root = withState(styled.div`
font-family: ${p => p.theme.fonts.sans};
height: 100%;
width: 100%;
padding: 0;
padding-left: env(safe-area-inset-left, 0px);
padding-right: env(safe-area-inset-right, 0px);
padding-top: env(safe-area-inset-top, 0px);
padding-bottom: env(safe-area-inset-bottom, 0px);
margin: 0;
${p => p.display.backgroundType === 'url' ? `
background-image: url('${p.display.background}');