style(mod queue): add missing footer, improve mobile UI

This commit is contained in:
plebeius
2026-03-07 18:50:24 +08:00
parent 76b3e97a31
commit 38614e39e9
5 changed files with 268 additions and 150 deletions
+17
View File
@@ -39,6 +39,23 @@ export const PageFooterDesktop = ({ firstRow, styleRow }: PageFooterDesktopProps
</footer>
);
/* -----------------------------------------------------------------------------
* StyleOnlyFooterFirstRow
* Footer first row with only the style selector (right-aligned). Used by mod queue.
* -------------------------------------------------------------------------- */
export const StyleOnlyFooterFirstRow = () => {
const { t } = useTranslation();
return (
<div className={`${styles.footerRow} ${styles.footerRowRightOnly}`}>
<div className={styles.footerRight}>
<span className={styles.styleLabel}>{t('style')}:</span>
<StyleSelector />
</div>
</div>
);
};
/* -----------------------------------------------------------------------------
* CatalogFooterFirstRow
* Catalog footer first row: Return, Archive, Top, Refresh on left; Style selector on right.