@@ -1295,21 +1295,86 @@
12951295accent-color: var(--accent);
12961296}
129712971298-.cron-run-entry {
1299-align-items: start;
1298+.list-item.cron-run-entry {
1299+display: flex;
1300+flex-direction: column;
1301+padding: 0;
1302+overflow: hidden;
1303+}
1304+1305+.cron-run-entry__header {
1306+display: flex;
1307+flex-direction: column;
1308+align-items: baseline;
1309+gap: 8px;
1310+padding: 12px;
1311+width: 100%;
1312+box-sizing: border-box;
1313+background: var(--secondary);
1314+border-radius: var(--radius-md) var(--radius-md) 0 0;
1315+border-bottom: 1px solid var(--border);
1316+}
1317+1318+@media (min-width: 1101px) {
1319+ .cron-run-entry__header {
1320+display: grid;
1321+grid-template-columns: minmax(0, 1fr) minmax(200px, 260px);
1322+gap: 16px;
1323+align-items: start;
1324+ }
1325+}
1326+1327+:root[data-theme-mode="light"] .cron-run-entry__header {
1328+background: var(--bg-muted);
13001329}
1301133013021331.cron-run-entry__meta {
13031332text-align: right;
1304-min-width: 220px;
1333+min-width: 0;
13051334}
130613351307-.cron-run-entry__summary {
1308-white-space: pre-wrap;
1336+.cron-run-entry__body {
1337+padding: 12px;
13091338line-height: 1.45;
1339+min-width: 0;
1340+width: 100%;
1341+box-sizing: border-box;
13101342}
1311134313121344@media (max-width: 1100px) {
1345+ .cron-job.list-item {
1346+display: flex;
1347+flex-direction: column;
1348+padding: 0;
1349+overflow: hidden;
1350+max-width: 100%;
1351+ }
1352+1353+ .cron-job .cron-job-header {
1354+display: flex;
1355+flex-direction: column;
1356+gap: 8px;
1357+border-radius: var(--radius-md) var(--radius-md) 0 0;
1358+width: 100%;
1359+ }
1360+1361+ .cron-job .list-meta {
1362+min-width: 0;
1363+ }
1364+1365+ .cron-job .cron-job-header .cron-job-state {
1366+display: flex;
1367+flex-wrap: wrap;
1368+align-items: baseline;
1369+gap: 4px 16px;
1370+ }
1371+1372+ .cron-job .cron-job-detail,
1373+ .cron-job .cron-job-footer {
1374+width: 100%;
1375+box-sizing: border-box;
1376+ }
1377+13131378 .cron-summary-strip {
13141379flex-direction: column;
13151380 }
@@ -1373,6 +1438,27 @@
13731438min-width: 0;
13741439text-align: left;
13751440 }
1441+1442+ .list-item.cron-run-entry {
1443+padding: 0;
1444+ }
1445+1446+ .cron-run-entry__header {
1447+display: flex;
1448+flex-direction: column;
1449+gap: 8px;
1450+padding: 10px;
1451+ }
1452+1453+ .cron-run-entry__body {
1454+padding: 10px;
1455+ }
1456+1457+ .cron-run-entry__body pre,
1458+ .cron-run-entry__body table {
1459+overflow-x: auto;
1460+-webkit-overflow-scrolling: touch;
1461+ }
13761462}
1377146313781464:root[data-theme-mode="light"] .field input,
@@ -1852,17 +1938,40 @@
18521938.cron-job {
18531939grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
18541940grid-template-areas:
1855-"main meta"
1941+"header header"
1942+"payload payload"
18561943"footer footer";
1857-row-gap: 10px;
1944+row-gap: 0;
1945+padding: 0;
1946+overflow: hidden;
1947+}
1948+1949+.cron-job .cron-job-header {
1950+grid-area: header;
1951+display: flex;
1952+flex-direction: column;
1953+align-items: baseline;
1954+gap: 8px;
1955+padding: 12px;
1956+background: var(--secondary);
1957+border-radius: var(--radius-md) var(--radius-md) 0 0;
1958+border-bottom: 1px solid var(--border);
18581959}
185919601860-.cron-job .list-main {
1861-grid-area: main;
1961+@media (min-width: 1101px) {
1962+ .cron-job .cron-job-header {
1963+display: grid;
1964+grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
1965+gap: 16px;
1966+align-items: start;
1967+ }
1968+}
1969+1970+:root[data-theme-mode="light"] .cron-job .cron-job-header {
1971+background: var(--bg-muted);
18621972}
1863197318641974.cron-job .list-meta {
1865-grid-area: meta;
18661975min-width: 240px;
18671976gap: 8px;
18681977}
@@ -1873,18 +1982,27 @@
18731982justify-content: space-between;
18741983align-items: center;
18751984gap: 12px;
1876-border-top: 1px solid var(--border);
1877-padding-top: 10px;
1985+border-top: none;
1986+padding: 4px 12px 12px;
18781987}
1879198818801989.cron-job-chips {
18811990flex: 1 1 auto;
18821991}
1883199218841993.cron-job-detail {
1994+grid-area: payload;
18851995display: grid;
1886-gap: 3px;
1996+gap: 8px;
18871997margin-top: 2px;
1998+padding: 8px 12px 12px;
1999+overflow: hidden;
2000+}
2001+2002+.cron-job-detail-section {
2003+display: grid;
2004+gap: 3px;
2005+min-width: 0;
18882006}
1889200718902008.cron-job-detail-label {
@@ -1893,11 +2011,17 @@
18932011font-weight: 600;
18942012letter-spacing: 0.03em;
18952013text-transform: uppercase;
2014+padding: 4px 8px;
2015+background: var(--secondary);
2016+border-radius: var(--radius-sm);
2017+display: inline-block;
2018+width: fit-content;
18962019}
1897202018982021.cron-job-detail-value {
18992022font-size: 13px;
19002023line-height: 1.35;
2024+min-width: 0;
19012025overflow-wrap: anywhere;
19022026}
19032027@@ -1988,8 +2112,8 @@
19882112 .cron-job {
19892113grid-template-columns: 1fr;
19902114grid-template-areas:
1991-"main"
1992-"meta"
2115+"header"
2116+"payload"
19932117"footer";
19942118 }
19952119@@ -2891,6 +3015,101 @@ td.data-table-key-col {
28913015background: var(--secondary);
28923016}
289330173018+/* Cron markdown overrides must come after .chat-text rules to win cascade. */
3019+.cron-run-entry__body.chat-text table,
3020+.cron-job-detail-value.chat-text table {
3021+display: table;
3022+width: 100%;
3023+}
3024+3025+.cron-run-entry__body.chat-text pre,
3026+.cron-run-entry__body.chat-text blockquote,
3027+.cron-job-detail-value.chat-text pre,
3028+.cron-job-detail-value.chat-text blockquote {
3029+width: 100%;
3030+max-width: 100%;
3031+box-sizing: border-box;
3032+}
3033+3034+.cron-run-entry__body.chat-text pre + p,
3035+.cron-run-entry__body.chat-text blockquote + p,
3036+.cron-run-entry__body.chat-text table + p,
3037+.cron-run-entry__body.chat-text p + pre,
3038+.cron-run-entry__body.chat-text p + blockquote,
3039+.cron-run-entry__body.chat-text p + table,
3040+.cron-job-detail-value.chat-text pre + p,
3041+.cron-job-detail-value.chat-text blockquote + p,
3042+.cron-job-detail-value.chat-text table + p,
3043+.cron-job-detail-value.chat-text p + pre,
3044+.cron-job-detail-value.chat-text p + blockquote,
3045+.cron-job-detail-value.chat-text p + table {
3046+margin-top: 0.75em;
3047+}
3048+3049+.cron-run-entry__body.chat-text pre,
3050+.cron-run-entry__body.chat-text blockquote,
3051+.cron-run-entry__body.chat-text table,
3052+.cron-job-detail-value.chat-text pre,
3053+.cron-job-detail-value.chat-text blockquote,
3054+.cron-job-detail-value.chat-text table {
3055+margin-bottom: 0.75em;
3056+}
3057+3058+.cron-run-entry__body.chat-text > :last-child,
3059+.cron-job-detail-value.chat-text > :last-child {
3060+margin-bottom: 0;
3061+}
3062+3063+@media (max-width: 600px) {
3064+ .cron-job .cron-job-header {
3065+padding: 10px;
3066+gap: 6px;
3067+ }
3068+3069+ .cron-job .cron-job-header .cron-job-state {
3070+gap: 4px 12px;
3071+ }
3072+3073+ .cron-job .cron-job-detail {
3074+padding: 10px;
3075+ }
3076+3077+ .cron-job .cron-job-detail-value {
3078+font-size: 13px;
3079+overflow-x: auto;
3080+ }
3081+3082+ .cron-job .cron-job-detail-value table,
3083+ .cron-run-entry__body table {
3084+display: block;
3085+overflow-x: auto;
3086+-webkit-overflow-scrolling: touch;
3087+ }
3088+3089+ .cron-job .cron-job-detail-value pre {
3090+overflow-x: auto;
3091+-webkit-overflow-scrolling: touch;
3092+ }
3093+3094+ .cron-job .cron-job-footer {
3095+padding: 8px 10px 10px;
3096+overflow-x: auto;
3097+-webkit-overflow-scrolling: touch;
3098+flex-wrap: nowrap;
3099+gap: 8px;
3100+ }
3101+3102+ .cron-job .cron-job-footer .chip-row,
3103+ .cron-job .cron-job-footer .cron-job-actions {
3104+flex-wrap: nowrap;
3105+flex-shrink: 0;
3106+ }
3107+3108+ .cron-job .cron-job-footer .cron-job-actions {
3109+gap: 6px;
3110+ }
3111+}
3112+28943113/* Tool cards */
28953114.chat-tool-card {
28963115margin-top: 8px;
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。