serversdown/project-lyra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Update main. #6

Merged
serversdown merged 70 commits from dev into main 2026-07-10 15:17:09 -04:00
Conversation 0 Commits 70 Files Changed 71
+18 -10
2 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit fb6b44a82e - Show all commits
lyra/web/static/index.html
+2 -2
View File
@@ -3,14 +3,14 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Lyra Core Chat</title> <title>Lyra Core Chat</title>
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css?v=7" />
<!-- PWA --> <!-- PWA -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<meta name="mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Lyra" /> <meta name="apple-mobile-web-app-title" content="Lyra" />
<meta name="theme-color" content="#070707" /> <meta name="theme-color" content="#141414" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" /> <link rel="apple-touch-icon" href="apple-touch-icon.png" />
<link rel="icon" type="image/png" href="icon-192.png" /> <link rel="icon" type="image/png" href="icon-192.png" />
<link rel="manifest" href="manifest.json" /> <link rel="manifest" href="manifest.json" />
lyra/web/static/style.css
+16 -8
View File
@@ -62,6 +62,12 @@ html {
text-size-adjust: 100%; text-size-adjust: 100%;
} }
html {
/* Paints the iOS home-indicator strip below the dvh shell; match the tab bar so the
bar looks like it continues to the physical bottom edge. */
background: var(--bg-line);
}
body { body {
margin: 0; margin: 0;
background: var(--bg-dark); background: var(--bg-dark);
@@ -830,16 +836,17 @@ select:hover {
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
body { body {
padding: 0; padding: 0;
background: var(--bg-elev); /* matches the tab bar so any strip below #chat is seamless */ background: var(--bg-line); /* matches the tab bar so any strip below #chat is seamless */
} }
#chat { #chat {
position: fixed; position: fixed;
top: 0; left: 0; right: 0; top: 0; left: 0; right: 0;
width: 100%; width: 100%;
height: 100vh; /* full physical screen (incl. home-indicator zone) so the height: 100vh; /* fallback for old browsers */
tab bar can fill that zone instead of leaving an empty band */ height: 100dvh; /* the *visible* viewport — keep all content (incl. the tab bar)
height: 100lvh; /* explicit: largest viewport == physical screen */ inside what iOS actually paints, so nothing is clipped into the
home-indicator dead zone. The strip below is matched in color. */
background: var(--bg-dark); background: var(--bg-dark);
border-radius: 0; border-radius: 0;
border: none; border: none;
@@ -923,10 +930,11 @@ select:hover {
display: flex; display: flex;
flex: none; /* never let it be compressed/clipped by the flex column */ flex: none; /* never let it be compressed/clipped by the flex column */
border-top: 1px solid var(--border); border-top: 1px solid var(--border);
background: var(--bg-elev); background: var(--bg-line); /* lighter than the page so it reads as a solid bar */
/* shell is full-height (100vh), so the bar reaches the physical bottom; pad its /* Shell is 100dvh, so the bar sits at the bottom of the rendered area with the icons
icons up above the home indicator and let its bg fill the inset zone. */ fully visible. Minimal padding keeps them low; the home-indicator strip just below
padding-bottom: calc(6px + env(safe-area-inset-bottom)); the rendered area is painted the same color (html bg) so the bar looks continuous. */
padding-bottom: 4px;
padding-left: env(safe-area-inset-left); padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right); padding-right: env(safe-area-inset-right);
} }