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

fix styling (fr this time)

Browse Source
This commit is contained in:
fretuks
2026-06-30 11:12:01 +02:00
parent c6fb7b043f
commit f2c390f0a8
1 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+15 -9
View File
@@ -6406,12 +6406,14 @@ body[data-theme-mode="dark"][data-theme="fraud"] .card {
#chatDrawer.chat-drawer { #chatDrawer.chat-drawer {
position: fixed; position: fixed;
display: grid; display: grid;
inset: 0 0 0 auto; inset: 10px 10px 10px auto;
width: min(560px, 100vw); width: min(500px, calc(100vw - 20px));
height: 100vh; height: auto;
padding: 10px; max-height: calc(100dvh - 20px);
padding: 0;
z-index: 100; z-index: 100;
overflow: hidden; overflow: hidden;
box-sizing: border-box;
} }
#chatDrawer.chat-drawer.hidden { #chatDrawer.chat-drawer.hidden {
@@ -6421,10 +6423,11 @@ body[data-theme-mode="dark"][data-theme="fraud"] .card {
#chatDrawer .chat-drawer-panel { #chatDrawer .chat-drawer-panel {
width: 100%; width: 100%;
height: 100%; height: 100%;
max-height: calc(100dvh - 20px);
min-height: 0; min-height: 0;
display: grid; display: grid;
grid-template-rows: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr);
gap: 18px; gap: 14px;
overflow: hidden; overflow: hidden;
} }
@@ -6440,6 +6443,7 @@ body[data-theme-mode="dark"][data-theme="fraud"] .card {
align-content: start; align-content: start;
overflow: auto; overflow: auto;
gap: 10px; gap: 10px;
padding-bottom: 8px;
} }
#chatDrawer .chat-drawer-summary, #chatDrawer .chat-drawer-summary,
@@ -6451,14 +6455,16 @@ body[data-theme-mode="dark"][data-theme="fraud"] .card {
@media (max-width: 820px) { @media (max-width: 820px) {
#chatDrawer.chat-drawer { #chatDrawer.chat-drawer {
inset: auto 0 0 0; inset: auto 10px calc(10px + env(safe-area-inset-bottom, 0px)) 10px;
width: 100vw; width: auto;
height: min(86vh, 880px); height: min(78dvh, 760px);
padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px)); max-height: calc(100dvh - 20px - env(safe-area-inset-bottom, 0px));
padding: 0;
} }
#chatDrawer .chat-drawer-panel { #chatDrawer .chat-drawer-panel {
height: 100%; height: 100%;
max-height: min(78dvh, 760px);
border-radius: 28px 28px 18px 18px; border-radius: 28px 28px 18px 18px;
} }
} }