A fullstack app for indexing standard.site documents
chore: attempting to expand into ios safe edges
+24
-20
+1
-1
packages/client/index.html
+1
-1
packages/client/index.html
···
6
6
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
7
7
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
8
8
<link rel="manifest" href="/site.webmanifest">
9
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
10
10
<!-- HTML Meta Tags -->
11
11
<title>Docs.surf</title>
12
12
<meta name="description" content="Aggregator for publications and documents on the open web">
+23
-19
packages/client/src/index.css
+23
-19
packages/client/src/index.css
···
1
1
body {
2
-
background: url("./xp.jpg") no-repeat center center fixed;
3
-
background-size: cover;
4
-
min-height: 100vh;
5
-
display: flex;
6
-
align-items: center;
7
-
justify-content: center;
8
-
margin: 0;
9
-
padding: 20px;
10
-
overflow: hidden;
11
-
box-sizing: border-box;
2
+
background: url("./xp.jpg") no-repeat center center fixed;
3
+
background-size: cover;
4
+
min-height: 100vh;
5
+
display: flex;
6
+
align-items: center;
7
+
justify-content: center;
8
+
margin: 0;
9
+
padding: 20px;
10
+
padding-top: max(20px, env(safe-area-inset-top));
11
+
padding-bottom: max(20px, env(safe-area-inset-bottom));
12
+
padding-left: max(20px, env(safe-area-inset-left));
13
+
padding-right: max(20px, env(safe-area-inset-right));
14
+
overflow: hidden;
15
+
box-sizing: border-box;
12
16
}
13
17
14
18
#root {
15
-
width: 100%;
16
-
display: flex;
17
-
justify-content: center;
19
+
width: 100%;
20
+
display: flex;
21
+
justify-content: center;
18
22
}
19
23
20
24
/* Hide toolbar text labels and secondary icons on mobile */
21
25
@media (max-width: 600px) {
22
-
.ie-toolbar span {
23
-
display: none !important;
24
-
}
25
-
.ie-toolbar .ie-secondary {
26
-
display: none !important;
27
-
}
26
+
.ie-toolbar span {
27
+
display: none !important;
28
+
}
29
+
.ie-toolbar .ie-secondary {
30
+
display: none !important;
31
+
}
28
32
}