mirror of
https://github.com/exane/not-gwent-online
synced 2024-10-31 10:36:53 +00:00
bit styling and adding field for chat
This commit is contained in:
parent
be39679690
commit
55b7bb5645
@ -2,12 +2,16 @@
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a class="active">Lobby Chat</a></li>
|
||||
<li><a>Current Match</a></li>
|
||||
<!--li><a>Current Match</a></li-->
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="chat">
|
||||
blaa blaa
|
||||
<div class="chats">
|
||||
blaa blaa
|
||||
</div>
|
||||
|
||||
<textarea class="chatbox" placeholder="Type an message..." autofocus></textarea>
|
||||
</div>
|
||||
|
||||
</section>
|
@ -12,11 +12,36 @@
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
height: calc(100vh - 300px);
|
||||
height: calc(100vh - 200px);
|
||||
min-height: 400px;
|
||||
clear: both;
|
||||
position: relative;
|
||||
|
||||
color: #fff;
|
||||
|
||||
@include contentGradient();
|
||||
}
|
||||
|
||||
.chats {
|
||||
float: left;
|
||||
overflow-y: scroll;
|
||||
height: calc(100% - 100px);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.chatbox {
|
||||
height: 100px;
|
||||
float: left;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
resize: none;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 20px;
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
color: #8798ac;
|
||||
|
||||
@include contentGradient();
|
||||
}
|
@ -18,7 +18,7 @@ main {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
height: calc(100vh - 300px);
|
||||
height: calc(100vh - 200px);
|
||||
min-height: 400px;
|
||||
clear: both;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user