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

➕ New css making channel buttons not ugly as hell

Browse Source 
➕ Moving channels.list behind async call
✨ Moved server-name to top of dom to reduce clutter(i think)
This commit is contained in:
shockrah 2021-03-09 00:07:41 -08:00
parent ddb08818b1
commit 7fede3b4e1
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,7 +14,7 @@
<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
<span id="server-name">Freechat</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-opts" aria-controls="navbar-opts" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -31,8 +31,7 @@
<div class="wrapper" id="content-container">
<nav>
<div class="channels-list-header"><h3 id="server-name"></h3></div>
<ul class="list-unstyled components" id="channels-list">
<ul class="components channel-container" id="channels-list">
</ul>
</nav>
@ -148,7 +147,7 @@
})
)
$(`#${id}`).on('click', () => channels.list(remote, user))
$(`#${id}`).on('click', async () => await channels.list(remote, user))
}
} catch(err) {
console.log(err)

11
freechat-client/sass/channels.scss
View File

@ -1,5 +1,16 @@
@import 'general';
.channel-container {
text-align: center;
list-style: none;
padding-inline-start: 0;
width: 12em;
}
.channel-btn {
width: 75%;
}
.channel {
color: $text;
background-color: $top-grey;