git.stevedylan.dev

chore: attempting to expand into ios safe edges 507360d8

Steve · 2026-01-13 23:28 2 file(s) · +24 −20

packages/client/index.html +1 −1

    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <!-- HTML Meta Tags -->
    <title>Docs.surf</title>
    <meta name="description" content="Aggregator for publications and documents on the open web">

packages/client/src/index.css +23 −19

body {
  background: url("./xp.jpg") no-repeat center center fixed;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 20px;
  overflow: hidden;
  box-sizing: border-box;
	background: url("./xp.jpg") no-repeat center center fixed;
	background-size: cover;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 20px;
	padding-top: max(20px, env(safe-area-inset-top));
	padding-bottom: max(20px, env(safe-area-inset-bottom));
	padding-left: max(20px, env(safe-area-inset-left));
	padding-right: max(20px, env(safe-area-inset-right));
	overflow: hidden;
	box-sizing: border-box;
}

#root {
  width: 100%;
  display: flex;
  justify-content: center;
	width: 100%;
	display: flex;
	justify-content: center;
}

/* Hide toolbar text labels and secondary icons on mobile */
@media (max-width: 600px) {
  .ie-toolbar span {
    display: none !important;
  }
  .ie-toolbar .ie-secondary {
    display: none !important;
  }
	.ie-toolbar span {
		display: none !important;
	}
	.ie-toolbar .ie-secondary {
		display: none !important;
	}
}

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">

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		}