30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
<!--
|
|
Reusable topbar for OnlyPrompt
|
|
- Search in the middle
|
|
- small chat & logout icons
|
|
- profile avatar on the right
|
|
-->
|
|
|
|
<header class="topbar-shell">
|
|
<div class="topbar-search">
|
|
<i class="bi bi-search" aria-hidden="true"></i>
|
|
<input id="topbarSearchInput" type="search" placeholder="Search" aria-label="Search prompts and creators">
|
|
</div>
|
|
|
|
<div class="topbar-actions">
|
|
<form action="/api/v1/auth/logout" method="post" class="topbar-logout-form">
|
|
<button class="topbar-icon-btn" type="submit" aria-label="Logout" title="Logout">
|
|
<i class="bi bi-box-arrow-right" aria-hidden="true"></i>
|
|
</button>
|
|
</form>
|
|
<button class="topbar-icon-btn" type="button" aria-label="Messages" title="Messages" onclick="location.href='/chats.html'">
|
|
<i class="bi bi-chat-dots" aria-hidden="true"></i>
|
|
</button>
|
|
|
|
<!-- Profile avatar on the right (must be changed with backend) -->
|
|
<button class="topbar-avatar-btn" type="button" aria-label="Profile" title="Profile" onclick="location.href='/profile.html'">
|
|
<img id="topbarAvatar" src="../images/content/cat.png" alt="" class="topbar-avatar">
|
|
</button>
|
|
</div>
|
|
</header>
|