Design changes
This commit is contained in:
Mattias Erming
parent
f210973f7d
commit
b2ca5eb172
@ -49,7 +49,7 @@ button {
|
||||
}
|
||||
.btn {
|
||||
border: 2px solid #84d1ff;
|
||||
border-radius: 5px;
|
||||
border-radius: 3px;
|
||||
color: #95a5a6;
|
||||
color: #84d1ff;
|
||||
display: inline-block;
|
||||
@ -119,19 +119,23 @@ button {
|
||||
width: 220px;
|
||||
z-index: 2;
|
||||
}
|
||||
#sidebar button {
|
||||
#sidebar button,
|
||||
#sidebar .sign-out {
|
||||
border: 1px solid transparent;
|
||||
border-radius: 2px;
|
||||
color: #7c838d;
|
||||
color: #818b9e;
|
||||
font-size: 14px;
|
||||
}
|
||||
#sidebar button:hover,
|
||||
#sidebar .active {
|
||||
background: #2a303a;
|
||||
border-color: rgba(255, 255, 255, .025);
|
||||
background: #818b9e;
|
||||
background: rgba(129, 139, 158, .05);
|
||||
border-color: rgba(129, 139, 158, .03);
|
||||
}
|
||||
#sidebar button.active {
|
||||
background: #323841;
|
||||
background: #818b9e;
|
||||
background: rgba(129, 139, 158, .1);
|
||||
border-color: rgba(129, 139, 158, .06);
|
||||
color: #fff;
|
||||
}
|
||||
#sidebar .networks {
|
||||
@ -142,23 +146,17 @@ button {
|
||||
margin-top: 30px;
|
||||
}
|
||||
#sidebar .empty {
|
||||
color: #7c838d;
|
||||
background: no-repeat url(../img/logo.svg);
|
||||
background-size: 100% 140px;
|
||||
color: #818b9e;
|
||||
line-height: 1.6;
|
||||
font-size: 12px;
|
||||
padding: 25px 40px 80px;
|
||||
margin-top: 20px;
|
||||
padding: 150px 40px 80px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
#sidebar .empty:before {
|
||||
content: "\f085";
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
font: 64px Octicons;
|
||||
opacity: .4;
|
||||
margin-bottom: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
#sidebar .chan {
|
||||
display: block;
|
||||
margin: 1px -10px;
|
||||
@ -177,7 +175,7 @@ button {
|
||||
opacity: 0;
|
||||
}
|
||||
#sidebar .chan:hover .close {
|
||||
opacity: .2;
|
||||
opacity: .1;
|
||||
}
|
||||
#sidebar .badge {
|
||||
background: rgba(255, 255, 255, .06);
|
||||
@ -212,7 +210,7 @@ button {
|
||||
width: 18px;
|
||||
}
|
||||
#sidebar .close:hover {
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
background-color: rgba(0, 0, 0, .1);
|
||||
opacity: .7 !important;
|
||||
}
|
||||
#footer {
|
||||
@ -223,7 +221,7 @@ button {
|
||||
width: 220px;
|
||||
}
|
||||
#footer .icon {
|
||||
color: #7c838d;
|
||||
color: #818b9e;
|
||||
display: inline-block;
|
||||
font: 16px Octicons;
|
||||
line-height: 34px;
|
||||
@ -312,8 +310,8 @@ button {
|
||||
width: 100%;
|
||||
}
|
||||
#windows .input {
|
||||
border: 2px solid #e9ecef;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #cdd3da;
|
||||
border-radius: 3px;
|
||||
color: #222;
|
||||
font-size: 14px;
|
||||
margin: 2px 0;
|
||||
@ -325,7 +323,7 @@ button {
|
||||
}
|
||||
#windows .input:hover,
|
||||
#windows .input:focus {
|
||||
border-color: #bdc3c7;
|
||||
border-color: #79838c;
|
||||
}
|
||||
#windows .chan,
|
||||
#windows .window {
|
||||
|
||||
7
client/img/logo.svg
Normal file
7
client/img/logo.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<?xml version="1.0"?>
|
||||
<svg enable-background="new 0 0 512 512" height="512px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g id="chat_x5F_support">
|
||||
<path d="M170.542,357.786c-15.944-2.444-31.341-6.704-46.024-12.779l-5.493-2.272l-44.78,16.973l15.091-33.515 l-8.914-7.281C48.552,292.879,31,258.503,31,222.119C31,145.96,108.141,84,202.96,84c66.491,0,124.284,30.47,152.885,74.937 c6.45,0.715,12.819,1.716,19.08,3.013C346.379,107.298,280.133,69,202.96,69C99.705,69,16,137.554,16,222.119 c0,42.354,20.999,80.691,54.934,108.411l-25.235,56.04l73.085-27.701c18.762,7.762,39.34,13.007,61.07,15.203 C176.34,368.804,173.231,363.368,170.542,357.786z" fill="#818B9E" />
|
||||
<path d="M492,303.273c0-72.144-71.411-130.629-159.5-130.629S173,231.128,173,303.273s71.411,130.629,159.5,130.629 c25.834,0,50.229-5.036,71.813-13.965l62.35,23.633l-21.528-47.809C474.085,372.112,492,339.406,492,303.273z M253.5,334.606 c-14.636,0-26.5-11.864-26.5-26.5s11.864-26.5,26.5-26.5c14.636,0,26.5,11.864,26.5,26.5S268.136,334.606,253.5,334.606z M332.5,334.606c-14.636,0-26.5-11.864-26.5-26.5s11.864-26.5,26.5-26.5s26.5,11.864,26.5,26.5S347.136,334.606,332.5,334.606z M411.5,334.606c-14.636,0-26.5-11.864-26.5-26.5s11.864-26.5,26.5-26.5s26.5,11.864,26.5,26.5S426.136,334.606,411.5,334.606z" fill="#f2f3f5" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@ -74,31 +74,31 @@
|
||||
<div class="col-xs-8">
|
||||
<label>
|
||||
Server
|
||||
<input class="input" name="host" placeholder="irc.freenode.org">
|
||||
<input class="input" name="host" value="irc.freenode.org">
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<label class="port">
|
||||
Port
|
||||
<input class="input" name="port" placeholder="6667">
|
||||
<input class="input" name="port" value="6667">
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-xs-5">
|
||||
<label>
|
||||
Nick
|
||||
<input class="input" name="nick" placeholder="shout-user">
|
||||
<input class="input" name="nick" value="shout-user">
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-xs-7">
|
||||
<label>
|
||||
Real Name
|
||||
<input class="input" name="realname" class="input" placeholder="Shout User">
|
||||
<input class="input" name="realname" class="input" value="Shout User">
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<label>
|
||||
Channels
|
||||
<input class="input" name="join" class="input" placeholder="#shout-irc">
|
||||
<input class="input" name="join" class="input" value="#shout-irc">
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
|
||||
@ -405,12 +405,19 @@ $(function() {
|
||||
var forms = $("#sign-in, #connect");
|
||||
|
||||
windows.on("show", ".window", function() {
|
||||
// Temporary.
|
||||
return;
|
||||
|
||||
var self = $(this);
|
||||
setTimeout(function() {
|
||||
self.find("input").eq(0).focus();
|
||||
self.find("input").eq(0).focus().select();
|
||||
}, 0);
|
||||
});
|
||||
|
||||
windows.on("click", ".input", function() {
|
||||
$(this).select();
|
||||
});
|
||||
|
||||
forms.on("submit", "form", function(e) {
|
||||
e.preventDefault()
|
||||
var event = "auth";
|
||||
|
||||
@ -41,7 +41,7 @@ module.exports = function() {
|
||||
}
|
||||
});
|
||||
|
||||
console.log("Server started");
|
||||
console.log("Server started.");
|
||||
console.log("Shout is now running on port " + port);
|
||||
|
||||
if (config.public) {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user