Skip to content
Snippets Groups Projects
Commit 0ac72ae7 authored by Richard Taesler's avatar Richard Taesler
Browse files

Colore theming works

parent 95ea3437
No related branches found
No related tags found
No related merge requests found
......@@ -81,11 +81,11 @@
padding: 20px;
gap: 20px;
width: 100%;
max-width: 600px; /* Falls du möchtest, dass die rechte Box nicht zu groß wird */
max-width: 600px;
}
/* Responsiveness */
@media (max-width: 768px) {
@media (max-width: 1000px) {
.chat-container {
width: 100%;
}
......@@ -115,7 +115,7 @@
width: 40px;
height: 40px;
padding: 0;
background-color: var(--btn-bg-color);
background-color: #007bff;
border: none;
border-radius: 50%;
cursor: pointer;
......@@ -126,11 +126,11 @@
}
button:hover {
background-color: var(--btn-hover-color);
background-color: #0056b3;
}
button i {
color: var(--btn-text-color);
color: #ffffff;
font-size: 18px;
}
</style>
......@@ -148,10 +148,10 @@
messageContainer.appendChild(userMessage);
// Hier könnte man Logik für eine automatische Antwort hinzufügen
const answer = "Der Tutor wird bald Antworten";
const answer = "Warten auf Antwort der Gruppe";
const botMessage = document.createElement("div");
botMessage.classList.add("bot-message");
botMessage.textContent = "Assignment Bot: " + answer; // Beispielantwort
botMessage.textContent = "Tutor Bot: " + answer; // Beispielantwort
messageContainer.appendChild(botMessage);
// Eingabefeld zurücksetzen
......
......@@ -54,29 +54,6 @@
border-color: var(--btn-bg-color);
}
button {
width: 40px;
height: 40px;
padding: 0;
background-color: var(--btn-bg-color);
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.3s;
}
button:hover {
background-color: var(--btn-hover-color);
}
button i {
color: var(--btn-text-color);
font-size: 18px;
}
/* Styles for the chat messages */
.user-message,
.bot-message {
......@@ -104,11 +81,11 @@
padding: 20px;
gap: 20px;
width: 100%;
max-width: 400px; /* Falls du möchtest, dass die rechte Box nicht zu groß wird */
max-width: 600px;
}
/* Responsiveness */
@media (max-width: 768px) {
@media (max-width: 1000px) {
.chat-container {
width: 100%;
}
......@@ -138,7 +115,7 @@
width: 40px;
height: 40px;
padding: 0;
background-color: var(--btn-bg-color);
background-color: #007bff;
border: none;
border-radius: 50%;
cursor: pointer;
......@@ -149,11 +126,11 @@
}
button:hover {
background-color: var(--btn-hover-color);
background-color: #0056b3;
}
button i {
color: var(--btn-text-color);
color: #ffffff;
font-size: 18px;
}
</style>
......
......@@ -33,7 +33,12 @@
<button onclick="location.href='Course.html'" class="box">
Prog 1
</button>
<button class="box">Prog 2</button>
<button
onclick="location.href='AssignmentTutor.html'"
class="box"
>
Prog 2
</button>
</div>
</main>
</body>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment