Files
sendou.ink/app/features/dev-tools/components/apps/PageApp.module.css
Kalle f7372324fe
Some checks failed
E2E Tests / e2e (push) Has been cancelled
Tests and checks on push / run-checks-and-tests (push) Has been cancelled
Updates translation progress / update-translation-progress-issue (push) Has been cancelled
E2E Tests / publish-docs-screenshots (push) Has been cancelled
Dev tools (#3471)
2026-10-25 11:43:36 +02:00

82 lines
1.2 KiB
CSS

.panel {
padding-top: var(--s-3);
}
.card {
padding: var(--s-2) var(--s-3);
border: var(--border-style);
border-radius: var(--radius-box);
background-color: var(--color-bg-high);
}
.routeSummary {
display: flex;
min-width: 0;
flex: 1;
align-items: center;
justify-content: space-between;
gap: var(--s-2);
}
.routeName {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chips {
display: flex;
flex-wrap: wrap;
gap: var(--s-1);
}
.permissionName {
display: flex;
align-items: center;
gap: var(--s-1-5);
white-space: nowrap;
& svg {
flex-shrink: 0;
}
}
.valueButton {
padding: 0;
border: none;
background: none;
color: var(--color-text);
text-align: left;
cursor: text;
&:hover code {
text-decoration: underline dotted;
}
}
.storageValue {
width: 100%;
max-width: 0;
overflow-wrap: anywhere;
}
.groupTitle {
margin: 0;
color: var(--color-text-high);
font-size: var(--font-2xs);
font-weight: var(--weight-bold);
letter-spacing: 0.04em;
text-transform: uppercase;
}
.definitionHeader {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-1-5);
}
.definitionName {
font-weight: var(--weight-semi);
}