diff --git a/src/build/template.html b/src/build/template.html
index fd86e0d..9587912 100644
--- a/src/build/template.html
+++ b/src/build/template.html
@@ -2,7 +2,7 @@
-
+
diff --git a/src/routes/_components/snackbar/Snackbar.html b/src/routes/_components/snackbar/Snackbar.html
index 6755dea..ab3599f 100644
--- a/src/routes/_components/snackbar/Snackbar.html
+++ b/src/routes/_components/snackbar/Snackbar.html
@@ -32,13 +32,27 @@
transform: translateY(100%);
}
+ /* For iOS < 11.2 */
+ @supports (padding-bottom: constant(safe-area-inset-bottom)) {
+ .snackbar-container {
+ --safe-area-inset-bottom: constant(safe-area-inset-bottom);
+ }
+ }
+
+ /* For iOS >= 11.2 */
+ @supports (padding-bottom: env(safe-area-inset-bottom)) {
+ .snackbar-container {
+ --safe-area-inset-bottom: env(safe-area-inset-bottom);
+ }
+ }
+
.snackbar-container {
width: 562px; /* same as .main, minus 20px padding */
overflow: hidden;
display: flex;
align-items: center;
background: var(--toast-bg);
- padding: 10px 20px;
+ padding: 10px 20px calc(10px + var(--safe-area-inset-bottom)) 20px;
font-size: 1.3em;
color: var(--toast-text);
border-radius: 4px 4px 0 0;
diff --git a/static/apple-icon-120.png b/static/apple-icon-120.png
index d80686b..949e959 100644
Binary files a/static/apple-icon-120.png and b/static/apple-icon-120.png differ
diff --git a/static/apple-icon-180.png b/static/apple-icon-180.png
index 0ea17ff..1a37126 100644
Binary files a/static/apple-icon-180.png and b/static/apple-icon-180.png differ