+1 -1

src/components/atoms/grain-toast.js

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

+1 -1

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

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

+1 -1

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

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

+1 -1

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

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

+1 -1

src/components/pages/grain-app.js

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