sjs/vibetunnel
1
0
Fork 0
mirror of https://github.com/samsonjs/vibetunnel.git synced 2026-04-27 15:17:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add settings icon

Browse source
This commit is contained in:
Peter Steinberger 2025-06-25 15:00:03 +02:00
parent 4d0df004e9
commit 54414e2aeb
3 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/src/client/components/auth-login.ts
View file

@ -142,6 +142,11 @@ export class AuthLogin extends LitElement {
this.dispatchEvent(new CustomEvent('show-ssh-key-manager'));
}
private handleOpenSettings = () => {
console.log('🔧 Auth-login: handleOpenSettings called');
this.dispatchEvent(new CustomEvent('open-settings', { bubbles: true }));
};
render() {
console.log(
'🔍 Rendering auth login',
@ -153,6 +158,17 @@ export class AuthLogin extends LitElement {
return html`
<div class="auth-container">
<!-- Settings button in top right corner -->
<button
class="absolute top-4 right-4 p-2 text-dark-text-muted hover:text-dark-text transition-colors"
@click=${this.handleOpenSettings}
title="Settings"
>
<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"/>
</svg>
</button>
<div class="w-full max-w-sm">
<div class="auth-header">
<div class="flex flex-col items-center gap-2 sm:gap-3 mb-4 sm:mb-8">

4
web/src/client/components/full-header.ts
View file

@ -39,7 +39,7 @@ export class FullHeader extends HeaderBase {
</a>
</div>
<div class="flex flex-col sm:flex-row gap-3 sm:items-center">
<div class="flex flex-col sm:flex-row gap-3 sm:items-center sm:justify-between">
<div class="flex gap-2 items-center">
<notification-status
@open-settings=${() =>
@ -65,8 +65,8 @@ export class FullHeader extends HeaderBase {
>
Create Session
</button>
${this.renderUserMenu()}
</div>
${this.renderUserMenu()}
</div>
</div>
</div>

1
web/src/client/components/header-base.ts
View file

@ -75,6 +75,7 @@ export abstract class HeaderBase extends LitElement {
}
protected handleOpenSettings() {
console.log('🔧 HeaderBase: handleOpenSettings called');
this.showUserMenu = false;
this.dispatchEvent(new CustomEvent('open-settings'));
}