Refine ACP general settings navigation and tabbed layout
All checks were successful
CI/CD Pipeline / deploy (push) Successful in 31s
CI/CD Pipeline / promote_stable (push) Successful in 2s

This commit is contained in:
2026-02-28 19:13:33 +01:00
parent 94f665192d
commit ef84b73cb5
12 changed files with 409 additions and 211 deletions

View File

@@ -397,6 +397,7 @@ export default function ForumView() {
className={`bb-attachment-tab ${attachmentTab === 'options' ? 'is-active' : ''}`}
onClick={() => setAttachmentTab('options')}
>
<i className="bi bi-sliders me-2" aria-hidden="true" />
{t('attachment.tab_options')}
</button>
<button
@@ -404,6 +405,7 @@ export default function ForumView() {
className={`bb-attachment-tab ${attachmentTab === 'attachments' ? 'is-active' : ''}`}
onClick={() => setAttachmentTab('attachments')}
>
<i className="bi bi-paperclip me-2" aria-hidden="true" />
{t('attachment.tab_attachments')}
</button>
</div>
@@ -499,6 +501,7 @@ export default function ForumView() {
variant="outline-secondary"
onClick={() => document.getElementById('bb-thread-attachment-input')?.click()}
>
<i className="bi bi-upload me-2" aria-hidden="true" />
{t('attachment.add_files')}
</Button>
</div>
@@ -635,13 +638,14 @@ export default function ForumView() {
</span>
<div className="bb-topic-pagination">
<Button size="sm" variant="outline-secondary" disabled>
<i className="bi bi-chevron-left" aria-hidden="true" />
</Button>
<Button size="sm" variant="outline-secondary" className="is-active" disabled>
<i className="bi bi-dot me-1" aria-hidden="true" />
1
</Button>
<Button size="sm" variant="outline-secondary" disabled>
<i className="bi bi-chevron-right" aria-hidden="true" />
</Button>
</div>
</div>
@@ -755,6 +759,7 @@ export default function ForumView() {
document.getElementById('bb-thread-attachment-input')?.click()
}}
>
<i className="bi bi-folder2-open me-2" aria-hidden="true" />
{t('attachment.drop_browse')}
</button>
</span>
@@ -762,6 +767,7 @@ export default function ForumView() {
{renderAttachmentFooter()}
<Modal.Footer className="d-flex gap-2 justify-content-between mt-auto pt-2 px-0 border-0 mb-0 pb-0">
<Button type="button" variant="outline-secondary" onClick={() => setShowModal(false)}>
<i className="bi bi-x-circle me-2" aria-hidden="true" />
{t('acp.cancel')}
</Button>
<div className="d-flex gap-2">
@@ -771,6 +777,7 @@ export default function ForumView() {
onClick={handlePreview}
disabled={!token || saving || uploading || previewLoading}
>
<i className="bi bi-eye me-2" aria-hidden="true" />
{t('form.preview')}
</Button>
<Button
@@ -778,6 +785,7 @@ export default function ForumView() {
className="bb-accent-button"
disabled={!token || saving || uploading}
>
<i className="bi bi-plus-circle me-2" aria-hidden="true" />
{saving || uploading ? t('form.posting') : t('form.create_thread')}
</Button>
</div>