mid/WebTools
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完善项目文档并修复响应式布局

Browse Source
This commit is contained in:
mid
2026-08-08 18:09:25 +08:00
parent 34503f2638
commit 4e3d7fed85
5 changed files with 261 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+6 -4
View File
@@ -224,7 +224,6 @@ button { color: inherit; }
.crc-value { color: var(--text) !important; font-family: "SFMono-Regular", Consolas, monospace; font-weight: 600; }
.hash-config { margin-bottom: 14px; display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; }
.hash-config .parameter-field { min-width: 270px; }
.hash-config .mode-tabs { width: 100%; }
.hash-results { margin-top: 16px; }
.hash-summary { min-height: 58px; padding: 10px 13px; display: flex; align-items: center; gap: 12px; color: var(--muted); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--border)); border-radius: 7px; font-size: 11px; }
.hash-summary > div { min-width: 0; }
@@ -251,8 +250,7 @@ button { color: inherit; }
.rsa-parameter-format { margin: 0 0 10px; }
.rsa-parameter-grid { display: grid; gap: 14px; }
.rsa-copy-row { min-height: 30px; margin-top: 4px; justify-content: flex-end; }
.random-controls { margin-bottom: 14px; display: grid; grid-template-columns: minmax(120px, 180px) minmax(310px, max-content) auto; gap: 12px; align-items: end; }
.random-format-field .mode-tabs { min-width: 310px; }
.random-controls { margin-bottom: 14px; display: grid; grid-template-columns: minmax(120px, 180px) max-content auto; gap: 12px; align-items: end; }
.random-check { min-height: 34px; white-space: nowrap; }
.setting-page { max-width: 980px; }
@@ -277,6 +275,11 @@ button { color: inherit; }
.row-action:disabled { opacity: .3; cursor: default; }
.save-state { margin-top: 14px; }
@media (max-width: 1040px) {
.crc-config { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.crc-config .preset-field { grid-column: 1 / -1; }
}
@media (max-width: 800px) {
.app-sidebar { position: fixed; inset: 0 auto 0 0; transform: translateX(-100%); transition: transform .18s ease; box-shadow: 14px 0 32px rgba(20, 24, 28, .14); }
.menu-open .app-sidebar { transform: translateX(0); }
@@ -303,7 +306,6 @@ button { color: inherit; }
.topbar > span:first-of-type, .topbar > svg { display: none; }
.mode-tabs { width: 100%; }
.mode-tab { flex: 1; }
.random-format-field .mode-tabs { min-width: 0; }
.compact-field { width: 100%; justify-content: space-between; }
.compact-field select { flex: 1; }
.editor-panel textarea { min-height: 162px; }