27 lines
790 B
HTML
27 lines
790 B
HTML
<!--
|
|
Reusable topbar for OnlyPrompt
|
|
- Search in the middle
|
|
- small chat & notification icons
|
|
- profile avatar on the right
|
|
-->
|
|
|
|
<header class="topbar-shell">
|
|
<div class="topbar-search">
|
|
<i class="bi bi-search"></i>
|
|
<input type="text" placeholder="Search">
|
|
</div>
|
|
|
|
<div class="topbar-actions">
|
|
<button class="topbar-icon-btn" aria-label="Notifications">
|
|
<i class="bi bi-bell"></i>
|
|
</button>
|
|
<button class="topbar-icon-btn" aria-label="Messages">
|
|
<i class="bi bi-chat-dots"></i>
|
|
</button>
|
|
|
|
<!-- Profile avatar on the right (must be changed with backend) -->
|
|
<button class="topbar-avatar-btn" aria-label="Profile">
|
|
<img src="../images/content/cat.png" alt="Profile Picture" class="topbar-avatar">
|
|
</button>
|
|
</div>
|
|
</header> |