sigmasternchen/MyTube
1
0
Fork 0
mirror of https://github.com/sigmasternchen/MyTube synced 2025-03-15 04:48:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added user menu with logout button

Browse source
This commit is contained in:
overflowerror 2021-01-08 00:12:05 +01:00
parent 85c8dfe118
commit 1eb7af4106
2 changed files with 34 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
public/css/base.css
View file

@ -12,4 +12,14 @@
position: absolute;
top: -10px;
left: -1px;
}
.avatar {
height: 30px;
}
.avatar-dropdown {
/*top: calc(100% + 0.40rem);
right: -0.75rem;*/
left: auto !important;
}

39
templates/base.html.twig
View file

@ -57,21 +57,30 @@
</li>
{% endif %}
</ul>
<form class="d-flex input-group w-auto">
<input
type="search"
class="form-control"
placeholder="Type query"
aria-label="Search"
/>
<button
class="btn btn-outline-primary"
type="button"
data-mdb-ripple-color="dark"
>
Search
</button>
</form>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle d-flex align-items-center"
href="#"
id="navbarDropdownMenuLink"
role="button"
data-mdb-toggle="dropdown"
aria-expanded="false"
>
<img
src="https://mdbootstrap.com/img/Photos/Avatars/img (31).jpg"
class="rounded-circle avatar"
alt=""
loading="lazy"
/>
</a>
<ul class="dropdown-menu avatar-dropdown" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="#">My profile</a></li>
<li><a class="dropdown-item" href="#">Settings</a></li>
<li><a class="dropdown-item" href="{{ path("app_logout") }}">Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>