diff --git a/server/public/home.html b/server/public/home.html index 5eaa8cf..f640197 100644 --- a/server/public/home.html +++ b/server/public/home.html @@ -365,7 +365,7 @@ .composer-box{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:16px;background:#fbfcfe;display:flex;flex-direction:column;overflow:hidden;} .composer-box:focus-within{border-color:var(--blue);} .composer-row{display:flex;align-items:flex-end;gap:.15rem;padding:.15rem .3rem;} - .composer-row input,.composer-row textarea{flex:1;min-width:0;box-sizing:border-box;border:none;background:transparent;padding:.5rem .4rem;margin:0;font-size:.92rem;color:var(--ink);font-family:inherit;resize:none;line-height:1.45;max-height:140px;overflow-y:hidden;display:block;scrollbar-width:thin;} + .composer-row input,.composer-row textarea{flex:1;min-width:0;box-sizing:border-box;border:none;background:transparent;padding:.5rem .4rem;margin:0;font-size:16px;color:var(--ink);font-family:inherit;resize:none;line-height:1.4;max-height:140px;overflow-y:hidden;display:block;scrollbar-width:thin;} /* 16px UNCONDITIONALLY (not just in the mobile @media) — anything under 16px makes iOS Safari/PWA zoom the page on focus, and the mobile media query doesn't match on iPad / landscape. */ .composer-row input:focus,.composer-row textarea:focus{outline:none;} .ic-btn{border:none;background:transparent;color:var(--muted);cursor:pointer;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;} .ic-btn:hover{color:var(--blue);background:var(--blue-soft);} @@ -1158,7 +1158,7 @@ -