From 27db90cd583150121effe08a0e66c89339a936b3 Mon Sep 17 00:00:00 2001 From: Zhongheng Liu Date: Fri, 19 Jan 2024 20:58:45 +0200 Subject: [PATCH] basic improvements in formatting --- src/App.css | 4 +--- src/Chat/Chat.css | 8 ++++---- src/Chat/MessageDisplay.css | 3 +++ src/Login/Login.css | 3 +++ 4 files changed, 11 insertions(+), 7 deletions(-) create mode 100644 src/Chat/MessageDisplay.css create mode 100644 src/Login/Login.css diff --git a/src/App.css b/src/App.css index 9fc009f..05482ad 100644 --- a/src/App.css +++ b/src/App.css @@ -1,8 +1,6 @@ body { background-color: black; color: #00FF33; -} -.App { - margin: 3%; + margin: 1%; min-height: 100vh; } \ No newline at end of file diff --git a/src/Chat/Chat.css b/src/Chat/Chat.css index c5b74e3..d92e700 100644 --- a/src/Chat/Chat.css +++ b/src/Chat/Chat.css @@ -1,7 +1,7 @@ .chat-inner-wrapper { - height: 500px; - overflow-y: auto; - overflow-wrap: normal; + height: 50vh; + overflow-y:scroll; + /* overflow-wrap: normal; */ display: flex; flex-direction: column; @@ -10,6 +10,6 @@ margin-top: 5px; } .chat { - min-height: 80vh; + /* min-height: 80vh; */ position: relative; } \ No newline at end of file diff --git a/src/Chat/MessageDisplay.css b/src/Chat/MessageDisplay.css new file mode 100644 index 0000000..15af7eb --- /dev/null +++ b/src/Chat/MessageDisplay.css @@ -0,0 +1,3 @@ +.msg .msg-err { + overflow-wrap: break-word; +} \ No newline at end of file diff --git a/src/Login/Login.css b/src/Login/Login.css new file mode 100644 index 0000000..957484e --- /dev/null +++ b/src/Login/Login.css @@ -0,0 +1,3 @@ +.uname-error-text { + color: red; +} \ No newline at end of file