hasura/graphql-engine
1
0
Fork 0
mirror of https://github.com/hasura/graphql-engine.git synced 2024-12-14 17:02:49 +03:00
Code Issues Projects Releases Wiki Activity

reformat a css file in realtime chat example (close #738) (#739)

Browse Source
This commit is contained in:
Jamie 2018-10-15 10:43:36 +02:00 committed by Shahidh K Muhammed
parent ddcd3dc9ae
commit 22afdfc220
1 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
community/examples/realtime-chat/src/App.css
View File

@ -1,11 +1,12 @@
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
body
{
body {
font-family: 'Open Sans';
font-size: 16px;
margin: 0;
}
.app {
text-align: left;
}
@ -37,7 +38,6 @@ body
}
.newMessageEven {
font-size: 18px;
background-color: #98FB98;
padding-left: 5px;
@ -49,8 +49,7 @@ body
padding-left: 5px;
}
.messageWrapperNew
{
.messageWrapperNew {
padding-bottom: 75px;
}
@ -90,9 +89,8 @@ body
padding: 1%;
}
.textbox {
.textbox {}
}
.sendButton {
width: 20%;
background-color:'green';
@ -115,8 +113,8 @@ body
display: inline-block;
}
.typoTextbox
{
.typoTextbox {
font-size: 16px;
height: 43px;
width: 75%;
@ -129,13 +127,13 @@ body
display: inline-block;
background-color: #f6f6f7;
}
.loginTextbox:focus, .typoTextbox:focus
{
.loginTextbox:focus, .typoTextbox:focus {
outline: none;
border-color: #016d95;
}
.typoTextbox:focus
{
.typoTextbox:focus {
outline: none;
border-color: #bbbdbd;
}
@ -150,8 +148,8 @@ body
font-size: 16px;
margin-right: 1%;
}
.typoButton
{
.typoButton {
height: 45px;
width: 20%;
display: inline-block;
@ -163,26 +161,27 @@ body
border: 0;
color: #222;
}
.typoButton:hover
{
.typoButton:hover {
background-color: #dba203;
}
.loginButton:focus, .typoButton:focus
{
.loginButton:focus, .typoButton:focus {
outline: none;
}
.loginButton:hover
{
.loginButton:hover {
background-color: #f6f6f6;
}
.loginHeading {
text-align: center;
font-family: 'Raleway';
margin-top: 0;
padding-bottom: 20px;
}
.loginWrapper
{
.loginWrapper {
width: 450px;
padding: 30px;
margin: 0 auto;
@ -216,22 +215,23 @@ body
height: 100vh;
overflow: auto;
}
.messageName, .messsageTime
{
.messageName, .messsageTime {
width: 49%;
display: inline-block;
}
.messageName
{
.messageName {
color: #1d5d01;
}
.messsageTime
{
.messsageTime {
text-align: right;
padding-right: 5px;
font-size: 12px;
color: #01999b;
}
.userList {
margin-top: 0;
margin-bottom: 0;