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

90 lines
1.5 KiB
CSS

/* About & Help modal body — informational content, no interactive controls. */
.about {
display: flex;
flex-direction: column;
gap: var(--space-7);
padding: var(--space-6);
min-width: 0;
}
.section {
display: flex;
flex-direction: column;
gap: var(--space-4);
}
.heading {
margin: 0;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--text-secondary);
}
.body {
margin: 0;
font-size: 14px;
line-height: 1.5;
color: var(--text);
}
.version {
font-family: var(--font-mono);
font-size: 13px;
color: var(--text-secondary);
}
/* Shortcuts table */
.shortcuts {
border-collapse: collapse;
width: 100%;
}
.row + .row .keys,
.row + .row .action {
padding-top: var(--space-3);
}
.keys {
width: 1%;
white-space: nowrap;
padding-right: var(--space-5);
vertical-align: top;
}
.kbd {
display: inline-block;
padding: var(--space-1) var(--space-3);
background: var(--layer-01);
border: var(--border-width) solid var(--border-strong);
border-radius: var(--radius);
font-family: var(--font-mono);
font-size: 12px;
color: var(--text);
/* No user-agent <kbd> styling — reset it */
font-style: normal;
}
.action {
font-size: 13px;
color: var(--text);
vertical-align: top;
}
/* Privacy list */
.list {
margin: 0;
padding-left: var(--space-5);
display: flex;
flex-direction: column;
gap: var(--space-3);
}
.list li {
font-size: 13px;
line-height: 1.5;
color: var(--text);
}