Files
astrolabe/src/app/components/ExtractModal.module.css
T

69 lines
1.1 KiB
CSS

/* Extract-to-Dataset — a single-form modal body (spec §03F). */
.extract {
display: flex;
flex-direction: column;
gap: var(--space-5);
padding: var(--space-5);
min-width: 0;
}
.intro {
margin: 0;
font-size: 13px;
line-height: 1.4;
color: var(--text-secondary);
}
.muted {
margin: 0;
padding: var(--space-5);
font-size: 14px;
color: var(--text-secondary);
}
.field {
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.label {
font-size: 12px;
font-weight: 500;
color: var(--text-secondary);
}
.input {
width: 100%;
padding: var(--space-3);
font-size: 13px;
}
.preview {
margin: 0;
max-height: 240px;
overflow: auto;
padding: var(--space-3);
background: var(--layer-01);
border: var(--border-width) solid var(--border);
border-radius: var(--radius);
font-family: var(--font-mono);
font-size: 12px;
line-height: 1.5;
white-space: pre;
}
.error {
margin: 0;
font-size: 13px;
color: var(--support-error);
}
/* Cancel / Create are shared Buttons (secondary / primary, lg — modal footer). */
.actions {
display: flex;
justify-content: flex-end;
gap: var(--space-3);
}