add /friends page
This commit is contained in:
parent
c49a40df01
commit
157e47d3ef
6 changed files with 293 additions and 10 deletions
|
|
@ -9,6 +9,12 @@
|
|||
<li class="sidebar-header">
|
||||
Tools & Components
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<router-link to="/friends" class="sidebar-link">
|
||||
<b-icon-people class="bi-valign-middle"></b-icon-people>
|
||||
<span class="align-middle">Friends</span>
|
||||
</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -68,6 +74,19 @@ export default {
|
|||
flex-grow: 1
|
||||
}
|
||||
|
||||
.sidebar-link, a.sidebar-link {
|
||||
display: block;
|
||||
padding: .625rem 1.625rem;
|
||||
font-weight: 400;
|
||||
transition: background .1s ease-in-out;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: #e9ecef80;
|
||||
background: #222e3c;
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
.sidebar-link i, .sidebar-link svg, a.sidebar-link i, a.sidebar-link svg {
|
||||
margin-right: .75rem;
|
||||
color: rgba(233, 236, 239, .5)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue