snxraven/LinkUp-P2P-Chat
1
1
Fork 2
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Adding better css

Browse Source
This commit is contained in:
Raven Scott 2024-06-03 22:49:52 -04:00
parent fa2d93e830
commit f43b615021
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
style.css
View File

@ -71,12 +71,13 @@ input::placeholder {
/* Main container styles */ /* Main container styles */
main { main {
display: flex; display: flex;
height: 100%; flex: 1;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex: 1; padding: 1rem;
} }
/* Hidden class */
.hidden { .hidden {
display: none !important; display: none !important;
} }
@ -108,11 +109,13 @@ main {
#chat { #chat {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1;
width: 100%; width: 100%;
padding: 1rem; padding: 1rem;
background-color: #1E1E1E; background-color: #1E1E1E;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
overflow: hidden;
} }
#header { #header {
@ -129,10 +132,13 @@ main {
#messages { #messages {
flex: 1; flex: 1;
min-height: 200px; /* Ensures minimum height to prevent squishing */
overflow-y: auto; overflow-y: auto;
padding: 1rem; padding: 1rem;
background-color: #262626; background-color: #262626;
border-radius: 4px; border-radius: 4px;
display: flex;
flex-direction: column;
} }
#message-form { #message-form {