Better Css

This commit is contained in:
2023-12-16 16:14:46 +01:00
parent d03f90367f
commit 92221926a1
6 changed files with 39 additions and 79 deletions

View File

@ -1,7 +1,7 @@
body {
margin: 10;
font-family: 'Quicksand', sans-serif;
font-size: 18px;
font-size: 3vh;
}
a {

View File

@ -1,11 +1,12 @@
#app img
{
max-height: 100px;
max-width: 100px;
max-height: 10vh;
max-width: 10vh;
}
#app ul
{
font-size: 2vh;
margin: 5px 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
@ -22,17 +23,34 @@
text-align: left;
}
#app #users {
margin-right: 50px;
margin-right: 5vh;
}
#app #chat {
position: relative;
height: 100%;
max-height: 80vh;
width: 60%;
/*border: 4px solid green;*/
overflow:hidden;
/*overflow-y: scroll;
overflow-x: hidden;*/
/*border: 2px solid green;*/
overflow: hidden;
}
#app #add_chat_off {
text-decoration: underline;
}
#app #messages {
max-height: 50vh;
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
font-size: 2vh;
}
#app #input_user{
color: green;
width: 20vh;
height: 3vh;
font-size: 2vh;
}
#app #input_chat{
@ -42,8 +60,10 @@
width: 100%;
border: none;
outline: none;
border-bottom: 2px solid green;
border-bottom: 0.5vh solid green;
caret-color: green;
color: green;
font-size: 2vh;
}
#app #you {