CreeperVM/webapp
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finish turn css

Browse Source
This commit is contained in:
Elijah R 2024-02-02 09:01:01 -05:00
parent 5b6527124b
commit a1e666c10d
3 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/css/style.css
View File

@ -87,26 +87,34 @@
display: none; display: none;
} }
tr.user-admin > td { tr.user-admin > td, .chat-username-admin {
color: #FF0000 !important; color: #FF0000 !important;
} }
tr.user-moderator > td { tr.user-moderator > td, .chat-username-moderator {
color: #00FF00 !important; color: #00FF00 !important;
} }
tr.user-turn > td { tr.user-turn > td {
background-color: #cfe2ff !important; background-color: #cfe2ff !important;
--bs-table-bg-state: #cfe2ff !important;
color: #000000;
--bs-table-color: #000000;
} }
tr.user-turn > td:hover, tr.user-turn > td:active { tr.user-turn:hover, tr.user-turn > td:hover {
background-color: #bacbe6 !important; background-color: #bacbe6 !important;
--bs-table-bg-state: #bacbe6 !important;
} }
tr.user-waiting > td { tr.user-waiting > td {
background-color: #fff3cd !important; background-color: #fff3cd !important;
--bs-table-bg-state: #fff3cd !important;
color: #000000;
--bs-table-color: #000000;
} }
.tr.user-waiting > td:hover, .tr.user-waiting > td:active { .tr.user-waiting:hover, tr.user-waiting > td:hover {
background-color: #ece1be; background-color: #ece1be !important;
--bs-table-bg-state: #ece1be !important;
} }

2
src/html/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html prefix="og: https://ogp.me/ns#"> <html prefix="og: https://ogp.me/ns#">
<head> <head>
<title>Control Collaborative Virtual Machines!</title> <title>CollabVM</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/> <meta charset="utf-8"/>
<link href="../css/style.css" rel="stylesheet" type="text/css"/> <link href="../css/style.css" rel="stylesheet" type="text/css"/>

7
src/ts/main.ts
View File

@ -124,6 +124,7 @@ function closeVM() {
// Close the VM // Close the VM
VM.close(); VM.close();
VM = null; VM = null;
document.title = "CollabVM";
// Remove the canvas // Remove the canvas
elements.vmDisplay.innerHTML = ""; elements.vmDisplay.innerHTML = "";
// Switch to the VM list // Switch to the VM list
@ -183,15 +184,15 @@ function chatMessage(username : string, message : string) {
var msgclass; var msgclass;
switch (rank) { switch (rank) {
case Rank.Unregistered: case Rank.Unregistered:
userclass = "user-unregistered"; userclass = "chat-username-unregistered";
msgclass = "chat-unregistered"; msgclass = "chat-unregistered";
break; break;
case Rank.Admin: case Rank.Admin:
userclass = "user-admin"; userclass = "chat-username-admin";
msgclass = "chat-admin"; msgclass = "chat-admin";
break; break;
case Rank.Moderator: case Rank.Moderator:
userclass = "user-mod"; userclass = "chat-username-moderator";
msgclass = "chat-moderator"; msgclass = "chat-moderator";
break; break;
} }