Skip to content

Commit 1a309c5

Browse files
kpirniekpirnie
committed
re-organize css; push waf manager out to module;
1 parent 3b5df81 commit 1a309c5

25 files changed

Lines changed: 471 additions & 421 deletions

‎web/static/css/app.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/static/js/app.js‎

Lines changed: 124 additions & 124 deletions
Large diffs are not rendered by default.

‎web/static/src/css/badges.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
1313
font-weight: 700;
1414
letter-spacing: 0.08em;
1515
text-transform: uppercase;
16-
font-family: 'JetBrains Mono', monospace;
16+
font-family: var(--kp-font-mono);
1717
}
1818
.kp-badge-admin {
1919
background: rgba(43,142,255,0.15);
@@ -36,7 +36,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
3636
font-weight: 600;
3737
letter-spacing: 0.06em;
3838
text-transform: uppercase;
39-
font-family: 'JetBrains Mono', monospace;
39+
font-family: var(--kp-font-mono);
4040
white-space: nowrap;
4141
}
4242
.kp-status::before {
@@ -124,7 +124,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
124124

125125
.kp-health-badge-label {
126126
font-size: 0.6rem;
127-
font-family: 'JetBrains Mono', monospace;
127+
font-family: var(--kp-font-mono);
128128
text-transform: uppercase;
129129
letter-spacing: 0.04em;
130130
color: var(--kp-text-dim);

‎web/static/src/css/buttons.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
1010
border: none;
1111
border-radius: var(--kp-radius);
1212
font-weight: 600;
13-
font-family: 'Space Grotesk', sans-serif;
13+
font-family: var(--kp-font-display);
1414
font-size: 0.85rem;
1515
letter-spacing: 0.04em;
1616
padding: 0 20px;
@@ -36,7 +36,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
3636
border: 1px solid rgba(43,142,255,0.3);
3737
border-radius: var(--kp-radius);
3838
font-weight: 600;
39-
font-family: 'Space Grotesk', sans-serif;
39+
font-family: var(--kp-font-display);
4040
font-size: 0.85rem;
4141
letter-spacing: 0.04em;
4242
padding: 0 20px;
@@ -60,7 +60,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
6060
color: var(--kp-text-dim);
6161
border: 1px solid var(--kp-border-bright);
6262
border-radius: var(--kp-radius);
63-
font-family: 'Space Grotesk', sans-serif;
63+
font-family: var(--kp-font-display);
6464
font-size: 0.85rem;
6565
font-weight: 500;
6666
padding: 0 18px;
@@ -84,7 +84,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
8484
border: none;
8585
border-radius: var(--kp-radius);
8686
font-weight: 600;
87-
font-family: 'Space Grotesk', sans-serif;
87+
font-family: var(--kp-font-display);
8888
font-size: 0.85rem;
8989
padding: 0 20px;
9090
height: 42px;

‎web/static/src/css/cards.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,15 +45,15 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
4545
font-weight: 700;
4646
color: var(--kp-white);
4747
line-height: 1;
48-
font-family: 'Space Grotesk', sans-serif;
48+
font-family: var(--kp-font-display);
4949
}
5050
.kp-stat-card .kp-stat-label {
5151
font-size: 0.72rem;
5252
color: var(--kp-text-dim);
5353
text-transform: uppercase;
5454
letter-spacing: 0.1em;
5555
margin-top: 8px;
56-
font-family: 'JetBrains Mono', monospace;
56+
font-family: var(--kp-font-mono);
5757
}
5858
.kp-stat-card .kp-stat-icon { color: var(--kp-blue); }
5959

‎web/static/src/css/config.css‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
2828
background: transparent;
2929
border: none;
3030
color: var(--kp-cyan);
31-
font-family: 'JetBrains Mono', monospace;
31+
font-family: var(--kp-font-mono);
3232
font-size: 0.8rem;
3333
padding: 2px 0;
3434
}
@@ -43,7 +43,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
4343
color: var(--kp-text);
4444
padding: 6px 10px;
4545
font-size: 0.82rem;
46-
font-family: 'Space Grotesk', sans-serif;
46+
font-family: var(--kp-font-display);
4747
height: 36px;
4848
transition: border-color var(--kp-transition);
4949
}
@@ -72,3 +72,10 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
7272
color: var(--kp-danger);
7373
background: rgba(255,69,96,0.08);
7474
}
75+
76+
/* -- settings input height override ----------------------------------------- */
77+
.kp-input-sm { height: 38px; }
78+
79+
/* -- settings view ---------------------------------------------------------- */
80+
.kp-settings-wrap { max-width: 100%; }
81+
.kp-settings-domain-wrap { align-items: center; gap: 10px; }

‎web/static/src/css/crons.css‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
/*
2+
PodNest - Self-hosted site management platform
3+
Copyright (c) 2026 Kevin Pirnie <iam@kevinpirnie.com>
4+
Licensed under the MIT License. See LICENSE file in the project root for full license text.
5+
*/
6+
7+
/* -- cron run detail ------------------------------------------------------- */
8+
.kp-cron-detail-btn {
9+
margin-left: 4px;
10+
}
11+
.kp-cron-output {
12+
white-space: pre-wrap;
13+
word-break: break-all;
14+
max-height: 300px;
15+
overflow-y: auto;
16+
background: var(--kp-bg-card);
17+
border: 1px solid var(--kp-border);
18+
padding: 10px;
19+
font-family: var(--kp-font-mono);
20+
font-size: 0.8rem;
21+
line-height: 1.7;
22+
margin-top: 6px;
23+
}
24+
.kp-cron-output-error {
25+
color: var(--kp-danger);
26+
max-height: 300px;
27+
}
28+
29+
/* -- cron action buttons row ----------------------------------------------- */
30+
.kp-cron-actions { gap: 6px; }

‎web/static/src/css/filemanager.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
6161
}
6262
.kp-fm-editor-body .CodeMirror {
6363
height: 65vh;
64-
font-family: 'JetBrains Mono', monospace;
64+
font-family: var(--kp-font-mono);
6565
font-size: 13px;
6666
line-height: 1.5;
6767
border-radius: 0 0 var(--kp-radius-lg) var(--kp-radius-lg);

‎web/static/src/css/index.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
1818
@import './site-cards.css';
1919
@import './config.css';
2020
@import './logs.css';
21+
@import './crons.css';
2122
@import './toasts.css';
2223
@import './tables.css';
2324
@import './login.css';

‎web/static/src/css/inputs.css‎

Lines changed: 57 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
99
border: 1px solid var(--kp-border-bright) !important;
1010
color: var(--kp-text) !important;
1111
border-radius: var(--kp-radius) !important;
12-
font-family: 'Space Grotesk', sans-serif !important;
12+
font-family: var(--kp-font-display) !important;
1313
font-size: 0.95rem !important;
1414
padding: 0 14px !important;
1515
transition: border-color var(--kp-transition), box-shadow var(--kp-transition);
@@ -40,7 +40,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
4040
color: var(--kp-text) !important;
4141
border-radius: var(--kp-radius) !important;
4242
height: 48px;
43-
font-family: 'Space Grotesk', sans-serif !important;
43+
font-family: var(--kp-font-display) !important;
4444
font-size: 0.95rem !important;
4545
padding: 0 14px !important;
4646
}
@@ -55,7 +55,7 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
5555
border: 1px solid var(--kp-border-bright) !important;
5656
color: var(--kp-text) !important;
5757
border-radius: var(--kp-radius) !important;
58-
font-family: 'Space Grotesk', sans-serif !important;
58+
font-family: var(--kp-font-display) !important;
5959
font-size: 0.9rem !important;
6060
padding: 12px 14px !important;
6161
resize: vertical;
@@ -73,7 +73,60 @@ Licensed under the MIT License. See LICENSE file in the project root for full li
7373
color: var(--kp-danger);
7474
border: 1px solid rgba(255,69,96,0.2);
7575
border-radius: var(--kp-radius);
76-
font-family: 'Space Grotesk', sans-serif;
76+
font-family: var(--kp-font-display);
7777
font-size: 0.88rem;
7878
padding: 14px 16px;
7979
}
80+
81+
82+
.waf-plugin-pills {
83+
display: flex;
84+
flex-wrap: wrap;
85+
gap: 8px;
86+
padding: 4px 0;
87+
}
88+
89+
.waf-plugin-pill {
90+
display: inline-block;
91+
padding: 4px 12px;
92+
border-radius: 10px;
93+
border: 1px solid var(--kp-border);
94+
color: var(--kp-muted);
95+
font-size: 0.75rem;
96+
font-family: var(--kp-font-mono);
97+
text-transform: uppercase;
98+
letter-spacing: 0.04em;
99+
cursor: pointer;
100+
user-select: none;
101+
transition: background 0.15s, color 0.15s, border-color 0.15s;
102+
}
103+
104+
.waf-plugin-pill:hover {
105+
border-color: var(--kp-primary);
106+
color: var(--kp-primary);
107+
}
108+
109+
.waf-plugin-pill.active {
110+
background: var(--kp-primary);
111+
border-color: var(--kp-primary);
112+
color: #fff;
113+
}
114+
115+
/* audit log filter bar */
116+
.kp-filter-bar { gap: 8px; flex-wrap: wrap; }
117+
.kp-filter-bar .uk-input,
118+
.kp-filter-bar .uk-select { width: 100%; }
119+
@media (min-width: 960px) {
120+
.kp-filter-bar input.uk-input { width: 150px; }
121+
.kp-filter-bar input[type="date"].uk-input { width: 155px; }
122+
.kp-filter-bar .uk-select { width: 155px; }
123+
}
124+
125+
/* ── filter bar (mobile) ───────────────────────────────────────────────────── */
126+
@media (max-width: 959px) {
127+
.kp-filter-bar .uk-input,
128+
.kp-filter-bar .uk-select {
129+
height: 32px;
130+
padding: 0 10px;
131+
}
132+
}

0 commit comments

Comments
 (0)