Developer
3c222d4f0f
ToolStarter (used by FAB and workspace detail): - Add Session Name text input, defaulting to workspace.name - Pass user-provided name to createInstance display_name parameter - If left empty or only whitespace, falls back to auto-generated name Quality gates: tsc --noEmit pass, npm run build pass, 82/82 tests pass
92 lines
1.6 KiB
CSS
92 lines
1.6 KiB
CSS
/* Session card rename */
|
|
.session-card-rename input {
|
|
font: inherit;
|
|
font-weight: 600;
|
|
font-size: 1rem;
|
|
padding: 0.25rem 0.5rem;
|
|
border: 1px solid var(--border);
|
|
border-radius: 0.375rem;
|
|
background: var(--surface);
|
|
color: var(--text);
|
|
width: 100%;
|
|
min-width: 0;
|
|
}
|
|
|
|
.session-card-context {
|
|
font-size: 0.8125rem;
|
|
margin-top: 0.25rem;
|
|
}
|
|
|
|
.session-card-context strong {
|
|
color: var(--text);
|
|
}
|
|
|
|
/* Mobile Sessions Page */
|
|
@media (max-width: 767px) {
|
|
.sessions-page {
|
|
padding: var(--space-2);
|
|
}
|
|
|
|
.sessions-page .page-header {
|
|
margin-bottom: var(--space-3);
|
|
}
|
|
|
|
.sessions-page .page-header h1 {
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.last-session-section {
|
|
margin-bottom: var(--space-4);
|
|
}
|
|
|
|
.last-session-section h2 {
|
|
font-size: 1rem;
|
|
margin-bottom: var(--space-2);
|
|
}
|
|
|
|
.create-session-section {
|
|
padding: var(--space-3);
|
|
}
|
|
|
|
.create-session-section h2 {
|
|
font-size: 1rem;
|
|
margin-bottom: var(--space-2);
|
|
}
|
|
}
|
|
|
|
.session-card-actions.mobile {
|
|
display: flex;
|
|
gap: var(--space-2);
|
|
padding-top: var(--space-3);
|
|
border-top: 1px solid var(--color-border);
|
|
}
|
|
|
|
.session-card-actions.mobile .mobile-primary {
|
|
flex: 1;
|
|
justify-content: center;
|
|
min-height: 44px;
|
|
padding: var(--space-2) var(--space-3);
|
|
}
|
|
|
|
.session-card-actions.mobile .mobile-more {
|
|
min-width: 44px;
|
|
min-height: 44px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: var(--space-2);
|
|
}
|
|
@media (max-width: 767px) {
|
|
.create-session-form .form-row {
|
|
grid-template-columns: 1fr;
|
|
gap: var(--space-3);
|
|
}
|
|
|
|
.create-session-form input,
|
|
.create-session-form select,
|
|
.create-session-form textarea,
|
|
.create-session-form button {
|
|
min-height: 44px;
|
|
}
|
|
}
|