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

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

@ -1,18 +1,24 @@
<!-- Keep in mind basically all the major components of the app are held together here --> <!-- Keep in mind basically all the major components of the app are held together here -->
<!-- The reason for this is because I want to keep the electron app as simple as I can get it --> <!-- The reason for this is because I want to keep the electron app as simple as I can get it -->
<html> <html>
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <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"/> <link rel="stylesheet" href="css/style.css"/>
<title>Freechat</title> <title>Freechat</title>
</head> </head>
<body> <body>
<div id="local-stream"></div> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div id="remote-stream"></div> <a class="navbar-brand">
<div id="servers"><!-- Container for the "welcome page"--></div> <img src="../assets/logo.png" width="30" height="30" class="d-inline-block align-top" loading="lazy">
<div id="messages"></div> Freechat
<div id="channels"></div> </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> </body>
<script src="./js/loader.js"></script>
</html> </html>

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

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