rajch_ales/MaalFlows
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align admin top bars

Browse Source
This commit is contained in:
rajchales-monito
2026-07-24 13:41:16 +02:00
parent 1ff1984ac2
commit b936aede71
3 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin.css
+7 -6
View File
@@ -74,7 +74,7 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
overflow: hidden; overflow: hidden;
} }
.brand, .sitebar { .brand, .sitebar {
min-height: var(--topbar-height); height: var(--topbar-height);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@@ -260,25 +260,26 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
.conversation { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; min-width: 0; min-height: 0; overflow: hidden; } .conversation { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; min-width: 0; min-height: 0; overflow: hidden; }
.conversation-header { .conversation-header {
min-height: var(--topbar-height); height: var(--topbar-height);
max-height: 42vh;
overflow: visible; overflow: visible;
padding: 12px 20px; padding: 12px 20px;
background: white; background: white;
border-bottom: 1px solid var(--line); border-bottom: 1px solid var(--line);
display: flex; display: flex;
align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 20px; gap: 20px;
} }
.conversation-header h2 { margin: 0 0 5px; font-size: 20px; } .conversation-header h2 { margin: 0; font-size: 20px; }
.conversation-header p { margin: 0; color: var(--muted); font-size: 13px; } .conversation-header p { margin: 0; color: var(--muted); font-size: 13px; }
.conversation-header select { width: 150px; align-self: start; } .conversation-header select { width: 150px; align-self: start; }
.visitor-head { width: 100%; min-width: 0; display: grid; gap: 7px; } .visitor-head { width: 100%; min-width: 0; display: grid; gap: 7px; }
.visitor-summary-row { .visitor-summary-row {
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: nowrap;
gap: 7px; gap: 7px;
min-width: 0;
color: var(--muted); color: var(--muted);
font-size: 12px; font-size: 12px;
} }
@@ -460,7 +461,7 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
background: var(--panel); background: var(--panel);
} }
.visitor-panel header { .visitor-panel header {
min-height: var(--topbar-height); height: var(--topbar-height);
padding: 14px; padding: 14px;
border-bottom: 1px solid var(--line); border-bottom: 1px solid var(--line);
display: grid; display: grid;
public/admin.html
-1
View File
@@ -50,7 +50,6 @@
<header id="conversationHeader" class="conversation-header"> <header id="conversationHeader" class="conversation-header">
<div> <div>
<h2>Vyber konverzaci</h2> <h2>Vyber konverzaci</h2>
<p>Nova konverzace se tady zvyrazni a pusti zvuk.</p>
</div> </div>
</header> </header>
<div id="messages" class="messages"></div> <div id="messages" class="messages"></div>
public/admin.js
-1
View File
@@ -580,7 +580,6 @@ function clearActiveConversation() {
$("#conversationHeader").innerHTML = ` $("#conversationHeader").innerHTML = `
<div> <div>
<h2>Vyber konverzaci</h2> <h2>Vyber konverzaci</h2>
<p>Nova konverzace se tady zvyrazni a pusti zvuk.</p>
</div> </div>
`; `;
$("#messages").innerHTML = ""; $("#messages").innerHTML = "";