fix: 新增tab样式对齐,改为inline-flex紧凑布局
All checks were successful
PR Preview / teardown-preview (pull_request) Has been skipped
Test / unit-test (push) Successful in 5s
Test / build-check (push) Successful in 4s
PR Preview / test (pull_request) Successful in 5s
PR Preview / deploy-preview (pull_request) Successful in 13s
Test / e2e-test (push) Successful in 49s

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-13 16:35:19 +00:00
parent 7af83b96ca
commit 0451633bf5

View File

@@ -1110,11 +1110,11 @@ async function saveCardImage(name) {
}
/* ===== Add Oil Form ===== */
.add-type-tabs { display: flex; gap: 0; margin-bottom: 10px; }
.add-type-tabs { display: inline-flex; margin-bottom: 10px; }
.add-type-tab {
flex: 1; padding: 6px 0; text-align: center; font-size: 13px; cursor: pointer;
padding: 5px 16px; text-align: center; font-size: 12px; cursor: pointer;
border: 1.5px solid var(--border, #d4cfc7); background: #fff; color: var(--text-mid, #6b6375);
font-family: inherit;
font-family: inherit; line-height: 1.4;
}
.add-type-tab:first-child { border-radius: 8px 0 0 8px; }
.add-type-tab:last-child { border-radius: 0 8px 8px 0; border-left: none; }