sjs/vibetunnel
1
0
Fork 0
mirror of https://github.com/samsonjs/vibetunnel.git synced 2026-04-22 14:06:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

design tweaks

Browse source
This commit is contained in:
Peter Steinberger 2025-06-25 02:34:26 +02:00
parent 5f053f55be
commit dac99e0c1b
2 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -139,12 +139,12 @@ export class AuthLogin extends LitElement {
<div class="auth-container">
<div class="w-full max-w-sm">
<div class="auth-header">
<div class="flex flex-col items-center gap-1 mb-3">
<div class="flex flex-col items-center gap-3 mb-8">
<terminal-icon
size="40"
style="filter: drop-shadow(0 0 10px rgba(124, 230, 161, 0.3));"
size="56"
style="filter: drop-shadow(0 0 15px rgba(124, 230, 161, 0.4));"
></terminal-icon>
<h2 class="auth-title">VibeTunnel</h2>
<h2 class="auth-title text-3xl mt-2">VibeTunnel</h2>
<p class="auth-subtitle text-sm">Please authenticate to continue</p>
</div>
</div>
@ -221,12 +221,11 @@ export class AuthLogin extends LitElement {
</div>
<form @submit=${this.handlePasswordLogin} class="space-y-4">
<div>
<label class="form-label text-xs mb-2">Password</label>
<input
type="password"
class="input-field"
data-testid="password-input"
placeholder="Enter your system password"
placeholder="System Password"
.value=${this.loginPassword}
@input=${(e: Event) => {
this.loginPassword = (e.target as HTMLInputElement).value;

2
web/src/client/styles.css
View file

@ -71,7 +71,7 @@
/* Input fields with glow effect */
.input-field {
@apply bg-dark-bg-secondary border border-dark-border rounded-lg px-4 py-3 text-dark-text w-full;
@apply bg-[#121212] border border-dark-border rounded-lg px-4 py-3 text-dark-text w-full;
@apply transition-all duration-200 ease-in-out;
@apply hover:border-accent-green-darker focus:border-accent-green;
@apply focus:shadow-glow-green-sm;