40 lines
2.4 KiB
HTML
40 lines
2.4 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 id="titlebar-actions" style="display: none; height: 100%; align-items: center;">
|
|
|
|
<button class="title-action-btn" id="titlebar-settings" title="Settings">
|
|
<svg width="18" height="18" 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>
|
|
</button>
|
|
|
|
<a href="/profile" class="title-avatar-link" id="titlebar-profile-link" title="Profile">
|
|
<img id="titlebar-avatar" src="/public/assets/waifuboards.ico" alt="User" />
|
|
</a>
|
|
|
|
<div class="title-sep"></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> |