57 lines
3.6 KiB
HTML
57 lines
3.6 KiB
HTML
<div id="titlebar">
|
|
<div class="title-left">
|
|
<div class="app-icon">
|
|
<img src="/public/assets/waifuboards.ico" alt="WB"/>
|
|
</div>
|
|
<span class="app-title">WaifuBoard</span>
|
|
</div>
|
|
|
|
<div class="title-drag-area"></div>
|
|
|
|
<div class="title-right">
|
|
|
|
<div class="user-box" id="titlebar-user-box" style="display: none;">
|
|
<img id="titlebar-avatar" src="/public/assets/waifuboards.ico" alt="User" />
|
|
<span id="titlebar-username">Guest</span>
|
|
|
|
<div class="nav-dropdown" id="titlebar-dropdown">
|
|
<div class="dropdown-header">
|
|
<img id="titlebar-dropdown-avatar" src="/public/assets/waifuboards.ico" class="dropdown-avatar">
|
|
<div class="dropdown-user-info">
|
|
<div class="dropdown-username" id="titlebar-dropdown-username">Guest</div>
|
|
<div class="dropdown-status">Online</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="/profile" class="dropdown-item">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
|
|
<span>Profile</span>
|
|
</a>
|
|
|
|
<button class="dropdown-item" id="titlebar-settings">
|
|
<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.65 1.65 0 0 0 15 19.4a1.65 1.65 0 0 0-1 .6 1.65 1.65 0 0 0-.33 1.82V22a2 2 0 1 1-4 0v-.18a1.65 1.65 0 0 0-.33-1.82 1.65 1.65 0 0 0-1-.6 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-.6-1 1.65 1.65 0 0 0-1.82-.33H2a2 2 0 1 1 0-4h.18a1.65 1.65 0 0 0 1.82-.33 1.65 1.65 0 0 0 .6-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6c.37 0 .72-.14 1-.6A1.65 1.65 0 0 0 10.33 2.18V2a2 2 0 1 1 4 0v.18a1.65 1.65 0 0 0 .33 1.82c.28.46.63.6 1 .6a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9c0 .37.14.72.6 1 .46.28.6.63.6 1z"/></svg>
|
|
<span>Settings</span>
|
|
</button>
|
|
|
|
<div class="dropdown-divider"></div>
|
|
|
|
<button class="dropdown-item logout-item" id="titlebar-logout">
|
|
<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>
|
|
<span>Logout</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="window-controls">
|
|
<button class="control-btn min" title="Minimize">
|
|
<svg width="11" height="1" viewBox="0 0 11 1"><path d="M0 0h11v1H0z" fill="currentColor"/></svg>
|
|
</button>
|
|
<button class="control-btn max" title="Maximize">
|
|
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M1 1v8h8V1H1zm1 1h6v6H2V2z" fill="currentColor"/></svg>
|
|
</button>
|
|
<button class="control-btn close" title="Close">
|
|
<svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.5 4.793L1.854 1.146.646 2.354 4.293 6 .646 9.646l1.208 1.208L5.5 7.207l3.646 3.647 1.208-1.208L6.707 6l3.647-3.646-1.208-1.208L5.5 4.793z" fill="currentColor"/></svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div> |