pavel/discord
1
0
Fork 0
Code Issues Pull requests Projects Releases 60 Packages Wiki Activity Actions

android
All checks were successful
/ upload (release) Successful in 21s
Details

Browse source
This commit is contained in:
pavel 2026-02-13 20:23:13 +01:00
commit b7e96f915b
2 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
static/index.html
View file

@ -3,7 +3,7 @@
<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>Chattz</title> <title>Chattz</title>
<link rel="stylesheet" href="/static/styles.css" /> <link rel="stylesheet" href="/static/styles.css" />
<!-- Lucide Icons --> <!-- Lucide Icons -->

5
static/styles.css
View file

@ -29,6 +29,7 @@
body { body {
margin: 0; margin: 0;
height: 100vh; height: 100vh;
height: 100dvh;
background: var(--bg-darker); background: var(--bg-darker);
color: var(--text-normal); color: var(--text-normal);
font-family: var(--font-main); font-family: var(--font-main);
@ -135,6 +136,7 @@ select {
/* Main Layout */ /* Main Layout */
.shell { .shell {
height: 100vh; height: 100vh;
height: 100dvh;
display: grid; display: grid;
grid-template-columns: 72px 240px 1fr 240px; grid-template-columns: 72px 240px 1fr 240px;
background: var(--bg-main); background: var(--bg-main);
@ -528,6 +530,8 @@ select {
flex-direction: column; flex-direction: column;
background: var(--bg-main); background: var(--bg-main);
min-width: 0; min-width: 0;
min-height: 0;
/* Important for flex child overflow */
} }
.chat-header { .chat-header {
@ -634,6 +638,7 @@ select {
/* Chat Input */ /* Chat Input */
.chat-input-wrapper { .chat-input-wrapper {
padding: 0 16px 24px; padding: 0 16px 24px;
padding-bottom: clamp(24px, calc(24px + env(safe-area-inset-bottom)), 40px);
} }
.message-form { .message-form {