diff --git a/src/components/Alert.jsx b/src/components/Alert.jsx
index f2a2029..81670a2 100644
--- a/src/components/Alert.jsx
+++ b/src/components/Alert.jsx
@@ -59,7 +59,6 @@ const Alert = () => {
show={show}
onClick={close}
/>
- (render || open) && (
{
diff --git a/src/components/ChatMessage.jsx b/src/components/ChatMessage.jsx
index bafe990..85965e1 100644
--- a/src/components/ChatMessage.jsx
+++ b/src/components/ChatMessage.jsx
@@ -42,10 +42,10 @@ function ChatMessage({
return (
- {(!isInfo && !isEvent)
- && (
-
-
+
+
+ {(!isInfo && !isEvent) && (
+
:
-
- {getDateTimeString(ts)}
-
-
- )}
-
-
+ )}
+
+
+
+ {getDateTimeString(ts)}
+
);
diff --git a/src/components/ModWatchtools.jsx b/src/components/ModWatchtools.jsx
index 5fad382..d70a42c 100644
--- a/src/components/ModWatchtools.jsx
+++ b/src/components/ModWatchtools.jsx
@@ -267,7 +267,7 @@ function ModWatchtools() {
{(rows && columns && types) && (
-
+
{columns.slice(1).map((col, ind) => (
diff --git a/src/components/Window.jsx b/src/components/Window.jsx
index 82e7a3d..4bbe480 100644
--- a/src/components/Window.jsx
+++ b/src/components/Window.jsx
@@ -49,7 +49,7 @@ const Window = ({ id }) => {
dispatch(cloneWindow(id));
}, [dispatch]);
- const toggleMaximize = useCallback((evt) => {
+ const toggleMaximize = useCallback(() => {
setRender(false);
}, [dispatch]);
diff --git a/src/styles/default.css b/src/styles/default.css
index 3e7bef2..5afed3e 100644
--- a/src/styles/default.css
+++ b/src/styles/default.css
@@ -638,12 +638,18 @@ tr:nth-child(even) {
left: 0px;
right: 0px;
bottom: 0px;
- height: 95%;
- width: 90%;
transform: none;
max-width: none;
max-height: none;
- padding: 5%;
+ outline: none;
+ border: none;
+ border-radius: inherit;
+ }
+
+ .modal {
+ height: 100%;
+ width: 100%;
+ padding: 0;
}
}
@@ -679,6 +685,7 @@ tr:nth-child(even) {
.chatname {
font-size: 13px;
white-space: nowrap;
+ padding-right: 4px;
}
.chatts {
color: #83839f;
@@ -687,20 +694,18 @@ tr:nth-child(even) {
text-align: right;
}
.chatmsg {
- background-color: #eaeaea;
font-size: 13px;
user-select: text;
- padding: 5px 0 0 0;
-}
-.chatmsg:nth-child(even) {
- background-color: #f2f2f2;
+ padding: 7px 0 0 2px;
}
.chatmsg:hover {
background-color: #dadada;
}
+.msgcont {
+ display: flex;
+}
.msg {
color: #2d2d2d;
- padding-left: 15px;
overflow-y: clip;
overflow-x: hidden;
}
diff --git a/src/styles/theme-dark-round.css b/src/styles/theme-dark-round.css
index f54f330..28cf7bf 100644
--- a/src/styles/theme-dark-round.css
+++ b/src/styles/theme-dark-round.css
@@ -136,14 +136,8 @@ tr:nth-child(even) {
background-color: rgba(187, 187, 187, 0.75);
}
-.chatmsg {
- background-color: #393939;
-}
-.chatmsg:nth-child(even) {
- background-color: #414141;
-}
.chatmsg:hover {
- background-color: #393939;
+ background-color: #2525252b;
}
.msg {
color: #f3f3f3;
diff --git a/src/styles/theme-dark-sstraight.css b/src/styles/theme-dark-sstraight.css
index ebe57eb..b801282 100644
--- a/src/styles/theme-dark-sstraight.css
+++ b/src/styles/theme-dark-sstraight.css
@@ -141,14 +141,8 @@ tr:nth-child(even) {
background-color: rgba(187, 187, 187, 0.75);
}
-.chatmsg {
- background-color: #393939;
-}
-.chatmsg:nth-child(even) {
- background-color: #414141;
-}
.chatmsg:hover {
- background-color: #393939;
+ background-color: #2525252b;
}
.msg {
color: #f3f3f3;
diff --git a/src/styles/theme-dark.css b/src/styles/theme-dark.css
index 4c84141..5c2d407 100644
--- a/src/styles/theme-dark.css
+++ b/src/styles/theme-dark.css
@@ -121,14 +121,8 @@ tr:nth-child(even) {
background-color: rgba(187, 187, 187, 0.75);
}
-.chatmsg {
- background-color: #393939;
-}
-.chatmsg:nth-child(even) {
- background-color: #414141;
-}
.chatmsg:hover {
- background-color: #393939;
+ background-color: #2525252b;
}
.msg {
color: #f3f3f3;