shockrah/freechat
shockrah/freechat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better css for the navbar

Browse Source 
and addinga a better navbar
This commit is contained in:
shockrah 2020-12-07 22:18:05 -08:00
parent ed3a185689
commit 26bd2a3af9
2 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
freechat-client/pages/index.html
View File

@ -4,15 +4,21 @@
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<link rel="stylesheet" href="../libs/css/pure.css"/>
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css"/>
<link rel="stylesheet" href="css/style.css"/>
<title>Freechat</title>
</head>
<body>
<div id="local-stream"></div>
<div id="remote-stream"></div>
<div id="servers"><!-- Container for the "welcome page"--></div>
<div id="messages"></div>
<div id="channels"></div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand">
<img src="../assets/logo.png" width="30" height="30" class="d-inline-block align-top" loading="lazy">
Freechat
</a>
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="btn btn-outline-secondary btn-nav-settings">Settings</a></li>
</ul>
</nav>
</body>
<script src="./js/loader.js"></script>
</html>

10
freechat-client/sass/style.scss
View File

@ -1,11 +1,12 @@
@import 'general';
$text-color: whitesmoke;
$text-color: white;
body {
color: $text-color;
}
label {
color: $text-color;
}
@ -26,3 +27,10 @@ input {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
// Menu bar stuff
.btn-nav-settings {
color: whitesmoke;
border-color: whitesmoke;
}