Tweak the top navbar on desktop screens

This commit is contained in:
Noah Petherbridge 2023-08-29 20:20:19 -07:00
parent 9f145c2f5e
commit 6c11661058

View File

@ -49,38 +49,43 @@
{{end}} {{end}}
{{if .LoggedIn}} {{if .LoggedIn}}
<a class="navbar-item" href="/me"> <a class="navbar-item px-1" href="/me">
<span class="icon"><i class="fa fa-house-user"></i></span> <span class="icon"><i class="fa fa-house-user"></i></span>
<span>Home</span> <span>Home</span>
</a> </a>
<a class="navbar-item" href="/chat"> <a class="navbar-item px-1" href="/chat">
<span class="icon"><i class="fa fa-message"></i></span> <span class="icon"><i class="fa fa-message"></i></span>
<span>Chat</span> <span>Chat</span>
{{if .NavChatStatistics.UserCount}}<span class="nonshy-navbar-notification-tag is-info ml-1">{{.NavChatStatistics.UserCount}}</span>{{end}} {{if .NavChatStatistics.UserCount}}<span class="nonshy-navbar-notification-tag is-info ml-1">{{.NavChatStatistics.UserCount}}</span>{{end}}
</a> </a>
<a class="navbar-item" href="/forum"> <a class="navbar-item px-1" href="/forum">
<span class="icon"><i class="fa fa-comments"></i></span> <span class="icon"><i class="fa fa-comments"></i></span>
<span>Forum</span> <span>Forum</span>
</a> </a>
<a class="navbar-item" href="/photo/gallery"> <a class="navbar-item px-1" href="/photo/gallery">
<span class="icon"><i class="fa fa-image"></i></span> <span class="icon"><i class="fa fa-image"></i></span>
<span>Gallery</span> <span>Gallery</span>
</a> </a>
<a class="navbar-item" href="/friends{{if gt .NavFriendRequests 0}}?view=requests{{end}}"> <a class="navbar-item px-1" href="/friends{{if gt .NavFriendRequests 0}}?view=requests{{end}}">
<span class="icon"><i class="fa fa-user-group"></i></span> <span class="icon"><i class="fa fa-user-group"></i></span>
<span>Friends</span> <span>Friends</span>
{{if .NavFriendRequests}}<span class="nonshy-navbar-notification-tag is-warning ml-1">{{.NavFriendRequests}}</span>{{end}} {{if .NavFriendRequests}}<span class="nonshy-navbar-notification-tag is-warning ml-1">{{.NavFriendRequests}}</span>{{end}}
</a> </a>
<a class="navbar-item" href="/messages"> <a class="navbar-item px-1" href="/messages">
<span class="icon"><i class="fa fa-envelope"></i></span> <span class="icon"><i class="fa fa-envelope"></i></span>
<span>Messages</span> <span>Messages</span>
{{if .NavUnreadMessages}}<span class="nonshy-navbar-notification-tag is-warning ml-1">{{.NavUnreadMessages}}</span>{{end}} {{if .NavUnreadMessages}}<span class="nonshy-navbar-notification-tag is-warning ml-1">{{.NavUnreadMessages}}</span>{{end}}
</a> </a>
<a class="navbar-item px-1" href="/members">
<span class="icon"><i class="fa fa-people-group"></i></span>
<span>People</span>
</a>
{{end}} {{end}}
<div id="navbar-more" class="navbar-item has-dropdown is-hoverable"> <div id="navbar-more" class="navbar-item has-dropdown is-hoverable">
@ -89,12 +94,6 @@
</a> </a>
<div class="navbar-dropdown is-active"> <div class="navbar-dropdown is-active">
{{if .LoggedIn}}
<a class="navbar-item" href="/members">
<span class="icon"><i class="fa fa-people-group"></i></span>
<span>People</span>
</a>
{{end}}
<a class="navbar-item" href="/about"> <a class="navbar-item" href="/about">
<span class="icon"><i class="fa fa-circle-info"></i></span> <span class="icon"><i class="fa fa-circle-info"></i></span>
<span>About {{PrettyTitle}}</span> <span>About {{PrettyTitle}}</span>