tacit/nanochat
1
0
Fork 0
mirror of https://github.com/karpathy/nanochat.git synced 2025-12-06 04:12:13 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(ui): prevent iOS Safari toolbar from covering input on initial load

Browse Source
This commit is contained in:
ulanch 2025-10-21 17:34:40 -07:00
parent 2e938530ce
commit 796f84527f
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
nanochat/ui.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<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">
<title>NanoChat</title> <title>NanoChat</title>
<link rel="icon" type="image/svg+xml" href="/logo.svg"> <link rel="icon" type="image/svg+xml" href="/logo.svg">
<style> <style>
@ -18,7 +18,7 @@
font-family: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; font-family: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
background-color: #ffffff; background-color: #ffffff;
color: #111827; color: #111827;
min-height: 100vh; min-height: 100dvh;
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -144,6 +144,7 @@
.input-container { .input-container {
background-color: #ffffff; background-color: #ffffff;
padding: 1rem; padding: 1rem;
padding-bottom: calc(1rem + env(safe-area-inset-bottom))
} }
.input-wrapper { .input-wrapper {