GithubBackup/clawpanel
1
0
Fork 0
mirror of https://github.com/qingchencloud/clawpanel.git synced 2026-05-29 04:10:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(channels): improve configured card touch targets

Browse Source
This commit is contained in:
晴天
2026-05-24 02:29:29 +08:00
parent 7b32b533fb
commit b3d763c46a
2 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/channels.js
View File

@@ -1200,7 +1200,7 @@ function renderConfigured(page, state) {
${renderRuntimeAccountInfo(runtimeSummary, acc.accountId || '')}
<span class="account-actions">
<button class="btn btn-xs btn-secondary" data-action="edit-account" data-account-id="${escapeAttr(acc.accountId || '')}">${icon('edit', 12)} ${t('channels.editAccount')}</button>
<button class="btn btn-xs btn-danger" data-action="remove-account" data-account-id="${escapeAttr(acc.accountId || '')}">${icon('trash', 12)}</button>
<button class="btn btn-xs btn-danger" data-action="remove-account" data-account-id="${escapeAttr(acc.accountId || '')}" aria-label="${escapeAttr(t('channels.remove'))}" title="${escapeAttr(t('channels.remove'))}">${icon('trash', 12)}</button>
</span>
</div>
`
@@ -1222,7 +1222,7 @@ function renderConfigured(page, state) {
${supportsMulti ? `<button class="btn btn-sm btn-secondary" data-action="add-account">${icon('plus', 14)} ${t('channels.addAccount')}</button>` : ''}
${reg ? `<button class="btn btn-sm btn-secondary" data-action="edit">${icon('edit', 14)} ${t('channels.editDefault')}</button>` : `<span class="form-hint" style="align-self:center">${t('channels.noGuide')}</span>`}
<button class="btn btn-sm btn-secondary" data-action="toggle">${p.enabled ? icon('pause', 14) + ' ' + t('channels.disable') : icon('play', 14) + ' ' + t('channels.enable')}</button>
<button class="btn btn-sm btn-danger" data-action="remove">${icon('trash', 14)}</button>
<button class="btn btn-sm btn-danger" data-action="remove" aria-label="${escapeAttr(t('channels.removePlatformBtn'))}" title="${escapeAttr(t('channels.removePlatformBtn'))}">${icon('trash', 14)}</button>
</div>
</div>
`
@@ -1249,7 +1249,7 @@ function renderConfigured(page, state) {
${supportsMulti ? `<button class="btn btn-sm btn-secondary" data-action="add-account">${icon('plus', 14)} ${t('channels.addAccount')}</button>` : ''}
${reg ? `<button class="btn btn-sm btn-secondary" data-action="edit">${icon('edit', 14)} ${t('channels.editAccount')}</button>` : `<span class="form-hint" style="align-self:center">${t('channels.noGuide')}</span>`}
<button class="btn btn-sm btn-secondary" data-action="toggle">${p.enabled ? icon('pause', 14) + ' ' + t('channels.disable') : icon('play', 14) + ' ' + t('channels.enable')}</button>
<button class="btn btn-sm btn-danger" data-action="remove">${icon('trash', 14)}</button>
<button class="btn btn-sm btn-danger" data-action="remove" aria-label="${escapeAttr(t('channels.removePlatformBtn'))}" title="${escapeAttr(t('channels.removePlatformBtn'))}">${icon('trash', 14)}</button>
</div>
</div>
`

14
src/style/pages.css
View File

@@ -1035,6 +1035,15 @@
gap: var(--space-xs);
flex-wrap: wrap;
}
.platform-card-actions .btn,
.account-actions .btn {
min-height: 36px;
justify-content: center;
}
.platform-card-actions .btn-danger,
.account-actions .btn-danger {
min-width: 44px;
}
.channel-runtime-notice {
display: flex;
@@ -1166,7 +1175,10 @@
padding: var(--space-md);
}
.platform-card-actions .btn {
min-height: 36px;
min-height: 44px;
}
.account-actions .btn {
min-height: 40px;
}
.account-actions {
width: 100%;