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

tweak margins

Browse source
This commit is contained in:
Peter Steinberger 2025-06-25 03:04:10 +02:00
parent 0b27696d83
commit 20a492fdee
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/src/client/components/session-create-form.ts
View file

@ -317,7 +317,7 @@ export class SessionCreateForm extends LitElement {
class="modal-content font-mono text-sm w-full max-w-[calc(100vw-1rem)] sm:max-w-md lg:max-w-[576px] mx-2 sm:mx-4"
style="view-transition-name: create-session-modal"
>
<div class="p-4 pb-6 mb-6 border-b border-dark-border relative">
<div class="p-4 pb-4 mb-3 border-b border-dark-border relative">
<h2 class="text-accent-green text-lg font-bold">New Session</h2>
<button
class="absolute top-4 right-4 text-dark-text-muted hover:text-dark-text transition-colors p-1"
@ -342,9 +342,9 @@ export class SessionCreateForm extends LitElement {
</button>
</div>
<div class="px-4 pb-4 sm:p-4 lg:p-8">
<div class="p-3 sm:p-3 lg:p-4">
<!-- Session Name -->
<div class="mb-6">
<div class="mb-4">
<label class="form-label">Session Name (Optional):</label>
<input
type="text"
@ -357,7 +357,7 @@ export class SessionCreateForm extends LitElement {
</div>
<!-- Command -->
<div class="mb-6">
<div class="mb-4">
<label class="form-label">Command:</label>
<input
type="text"
@ -370,7 +370,7 @@ export class SessionCreateForm extends LitElement {
</div>
<!-- Working Directory -->
<div class="mb-6">
<div class="mb-4">
<label class="form-label">Working Directory:</label>
<div class="flex gap-4">
<input
@ -392,11 +392,11 @@ export class SessionCreateForm extends LitElement {
</div>
<!-- Quick Start Section -->
<div class="mb-6">
<div class="mb-4">
<label class="form-label text-dark-text-muted uppercase text-xs tracking-wider"
>Quick Start</label
>
<div class="grid grid-cols-2 gap-3 mt-3">
<div class="grid grid-cols-2 gap-3 mt-2">
${this.quickStartCommands.map(
({ label, command }) => html`
<button
@ -418,7 +418,7 @@ export class SessionCreateForm extends LitElement {
</div>
</div>
<div class="flex gap-4 mt-8">
<div class="flex gap-4 mt-4">
<button
class="btn-ghost font-mono flex-1 py-3"
@click=${this.handleCancel}