Fretux/KrisHD_AI
3
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

implement scrolling for chat

Browse Source
This commit is contained in:
fretuks
2026-03-24 11:30:23 +01:00
parent 38e55ed78f
commit 2436f34c99
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+12 -3
View File
@@ -557,14 +557,18 @@ select:focus {
.chat-card { .chat-card {
padding: 16px; padding: 16px;
height: calc(100vh - 48px);
min-height: calc(100vh - 48px); min-height: calc(100vh - 48px);
overflow: hidden;
} }
.chat-layout { .chat-layout {
display: grid; display: grid;
grid-template-columns: 340px minmax(0, 1fr); grid-template-columns: 340px minmax(0, 1fr);
gap: 20px; gap: 20px;
min-height: calc(100vh - 88px); height: calc(100vh - 80px);
min-height: calc(100vh - 80px);
overflow: hidden;
} }
.chat-sidebar { .chat-sidebar {
@@ -573,6 +577,8 @@ select:focus {
display: grid; display: grid;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
gap: 16px; gap: 16px;
min-height: 0;
overflow: hidden;
} }
.sidebar-top { .sidebar-top {
@@ -725,6 +731,7 @@ select:focus {
grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto; grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto;
gap: 16px; gap: 16px;
min-height: 0; min-height: 0;
overflow: hidden;
} }
.chat-layout-focus { .chat-layout-focus {
@@ -733,6 +740,7 @@ select:focus {
.chat-main-focus { .chat-main-focus {
grid-template-rows: auto minmax(0, 1fr) auto auto; grid-template-rows: auto minmax(0, 1fr) auto auto;
min-height: 0;
} }
.chat-header-focus { .chat-header-focus {
@@ -852,6 +860,7 @@ select:focus {
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
background: rgba(252, 248, 240, 0.52); background: rgba(252, 248, 240, 0.52);
min-height: 0;
} }
.empty-state { .empty-state {
@@ -1251,7 +1260,7 @@ select:focus {
} }
.settings-shell { .settings-shell {
width: min(920px, 100%); width: min(1180px, 100%);
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 20px;
display: grid; display: grid;
@@ -1631,7 +1640,7 @@ body[data-theme="beta-ai"] {
} }
body[data-theme="beta-ai"] .chat-layout-focus { body[data-theme="beta-ai"] .chat-layout-focus {
grid-template-columns: 250px minmax(0, 780px); grid-template-columns: 320px minmax(0, 980px);
justify-content: center; justify-content: center;
} }