modified: templates/chat.html
This commit is contained in:
@@ -171,78 +171,6 @@
|
||||
background: #ff4d4d;
|
||||
color: #fff;
|
||||
}
|
||||
.icon-btn {
|
||||
background: #23272f;
|
||||
border: 2px solid #00aaff;
|
||||
border-radius: 50%;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s, border-color 0.2s;
|
||||
margin-bottom: 8px;
|
||||
margin-top: 8px;
|
||||
box-shadow: 0 2px 8px #00aaff22;
|
||||
}
|
||||
.icon-btn:hover {
|
||||
background: #00aaff;
|
||||
border-color: #0078fe;
|
||||
}
|
||||
.icon-btn svg {
|
||||
display: block;
|
||||
}
|
||||
#tools-btn[title]:hover:after {
|
||||
content: attr(title);
|
||||
position: absolute;
|
||||
right: 60px;
|
||||
background: #23272f;
|
||||
color: #00aaff;
|
||||
padding: 4px 10px;
|
||||
border-radius: 6px;
|
||||
font-size: 0.95em;
|
||||
white-space: nowrap;
|
||||
box-shadow: 0 2px 8px #00aaff22;
|
||||
z-index: 10;
|
||||
}
|
||||
#export-dialog {
|
||||
display:none;
|
||||
background:#23272f;
|
||||
border:2px solid #00aaff;
|
||||
border-radius:12px;
|
||||
padding:24px;
|
||||
margin:18px 24px;
|
||||
box-shadow: 0 4px 24px #00aaff22;
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
right: 0;
|
||||
max-width: 400px;
|
||||
z-index: 100;
|
||||
}
|
||||
#export-dialog input {
|
||||
background: #181a20;
|
||||
color: #e3e3e3;
|
||||
border: 1px solid #353b48;
|
||||
border-radius: 6px;
|
||||
padding: 8px;
|
||||
width: 90%;
|
||||
margin: 8px 0;
|
||||
}
|
||||
#export-dialog button {
|
||||
background: #00aaff;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
padding: 7px 18px;
|
||||
font-size: 1em;
|
||||
margin-right: 8px;
|
||||
cursor: pointer;
|
||||
margin-top: 8px;
|
||||
}
|
||||
#export-dialog button:hover {
|
||||
background: #0078fe;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
#container { max-width: 100%; border-radius: 0; }
|
||||
#chat { padding: 16px 6px 8px 6px; }
|
||||
@@ -257,13 +185,8 @@
|
||||
<h1>AI Vertriebsassistent</h1>
|
||||
<p>Erstellt von Simon Giehl – Ihr smarter KI-Partner für Kunden- und Vertriebsinfos</p>
|
||||
</div>
|
||||
<div style="display:flex; justify-content:flex-end; align-items:center; gap:12px; padding: 0 24px;">
|
||||
<button id="tools-btn" class="icon-btn" onclick="showExportDialog()" title="Tools">
|
||||
<svg width="22" height="22" viewBox="0 0 20 20" fill="none">
|
||||
<circle cx="10" cy="10" r="9" stroke="#00aaff" stroke-width="2" fill="#23272f"/>
|
||||
<path d="M7 13l6-6M8 7h5v5" stroke="#00aaff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
<div style="display:flex; justify-content:flex-end; padding: 0 24px;">
|
||||
<button id="tools-btn" onclick="showExportDialog()">Tools</button>
|
||||
<button id="clear-btn" onclick="clearChat()">Kontext löschen</button>
|
||||
</div>
|
||||
<div id="export-dialog" style="display:none; background:#23272f; border:1px solid #00aaff; border-radius:8px; padding:18px; margin:18px 24px;">
|
||||
|
||||
Reference in New Issue
Block a user