minor changes

Author: esatiyev

Chat/style.css

@@ -1,163 +1,4 @@
-.toast {
-    position: fixed;
-    bottom: 20px;
-    right: 20px;
-    color: white;
-    padding: 10px 20px;
-    border-radius: 5px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    z-index: 1000;
-    opacity: 1;
-    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-}
-
-.toast-warning {
-    background-color: #f39c12;
-}
-
-.toast-info {
-    background-color: #3498db;
-}
-
-.toast-success {
-    background-color: #2ecc71;
-}
-
-.toast-error {
-    background-color: #e74c3c;
-}
-
-.toast.fade-out {
-    opacity: 0;
-    transform: translateY(20px);
-}
-
-#map {
-    height: 300px;
-    z-index: 1;
-}
-
-.attitude-indicator {
-    background: linear-gradient(to bottom, #7bb6fa 0%, #1e88e5 100%);
-    position: relative;
-    overflow: hidden;
-}
-
-.attitude-ball {
-    position: absolute;
-    width: 80%;
-    height: 80%;
-    background: rgba(0, 0, 0, 0.2);
-    border-radius: 50%;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-
-.attitude-horizon {
-    position: absolute;
-    width: 100%;
-    height: 2px;
-    background-color: white;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-.drone-marker {
-    background: #e74c3c;
-    border-radius: 50%;
-    width: 24px;
-    height: 24px;
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.drone-marker:after {
-    content: "";
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-left: 6px solid transparent;
-    border-right: 6px solid transparent;
-    border-bottom: 12px solid white;
-    top: -10px;
-    left: 6px;
-}
-
-.chat-message-user {
-    background-color: #ebf8ff;
-    border-radius: 0.5rem;
-    padding: 0.75rem;
-    margin-bottom: 0.5rem;
-    align-self: flex-end;
-    max-width: 80%;
-}
-
-.chat-message-bot {
-    background-color: #f3f4f6;
-    border-radius: 0.5rem;
-    padding: 0.75rem;
-    margin-bottom: 0.5rem;
-    align-self: flex-start;
-    max-width: 80%;
-}
-
-.battery-indicator {
-    height: 20px;
-    background: linear-gradient(to right, #e74c3c, #f39c12, #2ecc71);
-    border-radius: 3px;
-    overflow: hidden;
-}
-
-.battery-level {
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.2);
-    transition: width 0.5s ease;
-}
-
-.command-history {
-    max-height: 100px;
-    overflow-y: auto;
-    border-top: 1px solid #eee;
-    padding-top: 5px;
-}
-
-.command-history-item {
-    padding: 2px 5px;
-    cursor: pointer;
-    border-radius: 3px;
-}
-
-.command-history-item:hover {
-    background-color: #f0f0f0;
-}
-
-#chat-messages {
-    max-height: 750px;
-    /* Set a fixed height for the chat container */
-    overflow-y: auto;
-    /* Enable vertical scrolling */
-    padding-right: 10px;
-}
-
-#chat-messages::-webkit-scrollbar {
-    width: 8px;
-}
-
-#chat-messages::-webkit-scrollbar-thumb {
-    background-color: #cbd5e0;
-    /* Light gray */
-    border-radius: 4px;
-}
-
-#chat-messages::-webkit-scrollbar-thumb:hover {
-    background-color: #a0aec0;
-    /* Darker gray on hover */
-}
-
-/* Chat message bubbles */
+/* Chat messages */
 .user-text {
     align-self: flex-end;
     background-color: #2563eb; /* blue-600 */
@@ -180,10 +21,4 @@
     margin: 4px 0;
     font-size: 1rem;
     box-shadow: 0 1px 2px rgba(0,0,0,0.07);
-}
-
-/* Chat container flex direction */
-#chatBox {
-    display: flex;
-    flex-direction: column;
 }