+1 -1

src/components/atoms/grain-toast.js

··· 9 static styles = css` 10 :host { 11 position: fixed; 12 - bottom: calc(var(--nav-height, 56px) + var(--space-md)); 13 left: 50%; 14 transform: translateX(-50%); 15 z-index: 1001;

··· 9 static styles = css` 10 :host { 11 position: fixed; 12 + bottom: calc(var(--nav-height, 57px) + var(--space-md)); 13 left: 50%; 14 transform: translateX(-50%); 15 z-index: 1001;

+1 -1

src/components/molecules/grain-avatar-crop.js

··· 40 .overlay { 41 position: fixed; 42 top: 48px; 43 - bottom: calc(48px + env(safe-area-inset-bottom, 0px)); 44 left: 50%; 45 transform: translateX(-50%); 46 width: 100%;

··· 40 .overlay { 41 position: fixed; 42 top: 48px; 43 + bottom: calc(57px + env(safe-area-inset-bottom, 0px)); 44 left: 50%; 45 transform: translateX(-50%); 46 width: 100%;

+1 -1

src/components/organisms/grain-bottom-nav.js

··· 29 align-items: center; 30 max-width: var(--feed-max-width); 31 margin: 0 auto; 32 - padding: 6px 0; 33 } 34 button { 35 display: flex;

··· 29 align-items: center; 30 max-width: var(--feed-max-width); 31 margin: 0 auto; 32 + height: 57px; 33 } 34 button { 35 display: flex;

+1 -1

src/components/organisms/grain-comment-sheet.js

··· 42 } 43 .sheet-container { 44 position: fixed; 45 - bottom: calc(48px + env(safe-area-inset-bottom, 0px)); 46 left: 0; 47 right: 0; 48 display: flex;

··· 42 } 43 .sheet-container { 44 position: fixed; 45 + bottom: calc(57px + env(safe-area-inset-bottom, 0px)); 46 left: 0; 47 right: 0; 48 display: flex;

+1 -1

src/components/pages/grain-app.js

··· 36 top: 48px; 37 left: 0; 38 right: 0; 39 - bottom: calc(48px + env(safe-area-inset-bottom, 0px)); 40 overflow-y: auto; 41 -webkit-overflow-scrolling: touch; 42 }

··· 36 top: 48px; 37 left: 0; 38 right: 0; 39 + bottom: calc(57px + env(safe-area-inset-bottom, 0px)); 40 overflow-y: auto; 41 -webkit-overflow-scrolling: touch; 42 }