Better Css
This commit is contained in:
@ -1,7 +1,7 @@
|
||||
body {
|
||||
margin: 10;
|
||||
font-family: 'Quicksand', sans-serif;
|
||||
font-size: 18px;
|
||||
font-size: 3vh;
|
||||
}
|
||||
|
||||
a {
|
||||
|
@ -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 {
|
||||
|
Reference in New Issue
Block a user