Документация и kubectl из контейнера; Kind Clusters Dashboard
- Цель make docker|podman kubectl CLUSTER=… (KUBECTL_ARGS) — exec kubectl в kind-k8s-web - README: без kubectl на хосте; раздел про проверку API из контейнера - create_cluster/cluster_status: подсказки для UI, make kubectl и exec в контейнере - app/docs: api_routes.md и README.md про kubectl и API workloads - Прочее: переименование проекта, документация, UI документации (ранее в рабочем дереве)
This commit is contained in:
+66
-40
@@ -1,4 +1,4 @@
|
||||
/* Минимальные стили веб-интерфейса kind-k8s-develop.
|
||||
/* Минимальные стили веб-интерфейса Kind Clusters Dashboard.
|
||||
Автор: Сергей Антропов — https://devops.org.ru */
|
||||
|
||||
:root {
|
||||
@@ -146,6 +146,21 @@ body.modal-open {
|
||||
background: linear-gradient(145deg, rgba(59, 130, 246, 0.35), rgba(59, 130, 246, 0.15));
|
||||
}
|
||||
|
||||
/* Активный раздел (панель или документация) */
|
||||
.nav-link.nav-pill.nav-pill--active:not(.nav-pill--ext) {
|
||||
border-color: rgba(59, 130, 246, 0.85);
|
||||
box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35), 0 2px 14px rgba(59, 130, 246, 0.18);
|
||||
color: #93c5fd;
|
||||
}
|
||||
.nav-link.nav-pill.nav-pill--home.nav-pill--active {
|
||||
background: linear-gradient(145deg, rgba(59, 130, 246, 0.42), rgba(59, 130, 246, 0.18));
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
.nav-link.nav-pill.nav-pill--active:not(.nav-pill--ext) {
|
||||
color: #1e40af;
|
||||
}
|
||||
}
|
||||
|
||||
/* Внешние окна: иконка «новое окно» */
|
||||
.nav-link.nav-pill--ext::after {
|
||||
content: "↗";
|
||||
@@ -887,78 +902,89 @@ button.btn-danger:hover {
|
||||
filter: brightness(1.12);
|
||||
}
|
||||
|
||||
/* Страница «Документация»: README.md → HTML (Markdown) */
|
||||
.readme-doc-card {
|
||||
/* Страница «Документация»: Markdown → карточки секций */
|
||||
.readme-doc-shell {
|
||||
max-width: 52rem;
|
||||
margin: 0 auto 2rem;
|
||||
}
|
||||
.readme-doc-toolbar {
|
||||
align-items: center;
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
.readme-doc-toolbar .page-title {
|
||||
margin: 0;
|
||||
}
|
||||
.readme-doc-lead {
|
||||
margin: 0 0 1rem;
|
||||
font-size: 0.88rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.readme-doc-loading {
|
||||
margin: 0 0 0.75rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.readme-doc.markdown-body {
|
||||
.readme-doc-page {
|
||||
width: 100%;
|
||||
}
|
||||
.readme-doc-page-inner {
|
||||
width: 100%;
|
||||
}
|
||||
.readme-doc-root {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
.readme-section-card {
|
||||
margin: 0;
|
||||
}
|
||||
.readme-section-card--head h2 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
.readme-section-card.markdown-body {
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.55;
|
||||
}
|
||||
.readme-doc.markdown-body h1,
|
||||
.readme-doc.markdown-body h2,
|
||||
.readme-doc.markdown-body h3,
|
||||
.readme-doc.markdown-body h4 {
|
||||
.readme-section-card.markdown-body h1,
|
||||
.readme-section-card.markdown-body h2,
|
||||
.readme-section-card.markdown-body h3,
|
||||
.readme-section-card.markdown-body h4 {
|
||||
margin: 1.25rem 0 0.5rem;
|
||||
line-height: 1.25;
|
||||
font-weight: 650;
|
||||
}
|
||||
.readme-doc.markdown-body h1 {
|
||||
.readme-section-card.markdown-body h1 {
|
||||
font-size: 1.45rem;
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding-bottom: 0.35rem;
|
||||
}
|
||||
.readme-doc.markdown-body h2 {
|
||||
.readme-section-card.markdown-body h2 {
|
||||
font-size: 1.2rem;
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
.readme-doc.markdown-body h3 {
|
||||
.readme-section-card--head.markdown-body h2 {
|
||||
margin: 0;
|
||||
}
|
||||
.readme-section-card.markdown-body h3 {
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
.readme-doc.markdown-body p {
|
||||
.readme-section-card.markdown-body p {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
.readme-doc.markdown-body ul,
|
||||
.readme-doc.markdown-body ol {
|
||||
.readme-section-card.markdown-body ul,
|
||||
.readme-section-card.markdown-body ol {
|
||||
margin: 0.5rem 0;
|
||||
padding-left: 1.35rem;
|
||||
}
|
||||
.readme-doc.markdown-body li {
|
||||
.readme-section-card.markdown-body li {
|
||||
margin: 0.2rem 0;
|
||||
}
|
||||
.readme-doc.markdown-body a {
|
||||
.readme-section-card.markdown-body a {
|
||||
color: var(--accent);
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 2px;
|
||||
}
|
||||
.readme-doc.markdown-body a:hover {
|
||||
.readme-section-card.markdown-body a:hover {
|
||||
filter: brightness(1.15);
|
||||
}
|
||||
.readme-doc.markdown-body code {
|
||||
.readme-section-card.markdown-body code {
|
||||
font-size: 0.88em;
|
||||
padding: 0.12em 0.35em;
|
||||
border-radius: 4px;
|
||||
background: rgba(0, 0, 0, 0.22);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.readme-doc.markdown-body pre {
|
||||
.readme-section-card.markdown-body pre {
|
||||
margin: 0.65rem 0;
|
||||
padding: 0.65rem 0.85rem;
|
||||
overflow-x: auto;
|
||||
@@ -968,45 +994,45 @@ button.btn-danger:hover {
|
||||
font-size: 0.82rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.readme-doc.markdown-body pre code {
|
||||
.readme-section-card.markdown-body pre code {
|
||||
padding: 0;
|
||||
border: none;
|
||||
background: transparent;
|
||||
font-size: inherit;
|
||||
}
|
||||
.readme-doc.markdown-body blockquote {
|
||||
.readme-section-card.markdown-body blockquote {
|
||||
margin: 0.65rem 0;
|
||||
padding: 0.35rem 0.75rem;
|
||||
border-left: 4px solid var(--accent);
|
||||
background: rgba(59, 130, 246, 0.08);
|
||||
color: var(--muted);
|
||||
}
|
||||
.readme-doc.markdown-body table {
|
||||
.readme-section-card.markdown-body table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 0.75rem 0;
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
.readme-doc.markdown-body th,
|
||||
.readme-doc.markdown-body td {
|
||||
.readme-section-card.markdown-body th,
|
||||
.readme-section-card.markdown-body td {
|
||||
border: 1px solid var(--border);
|
||||
padding: 0.4rem 0.55rem;
|
||||
text-align: left;
|
||||
}
|
||||
.readme-doc.markdown-body th {
|
||||
.readme-section-card.markdown-body th {
|
||||
background: rgba(0, 0, 0, 0.15);
|
||||
font-weight: 600;
|
||||
}
|
||||
.readme-doc.markdown-body hr {
|
||||
.readme-section-card.markdown-body hr {
|
||||
border: none;
|
||||
border-top: 1px solid var(--border);
|
||||
margin: 1.25rem 0;
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
.readme-doc.markdown-body code {
|
||||
.readme-section-card.markdown-body code {
|
||||
background: rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.readme-doc.markdown-body pre {
|
||||
.readme-section-card.markdown-body pre {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user