This is an automated email from the ASF dual-hosted git repository. shuai pushed a commit to branch test in repository https://gitbox.apache.org/repos/asf/incubator-answer.git
commit 889411db18cf293622b9925db8c51ce132cbd7d3 Author: shuai <[email protected]> AuthorDate: Sun Apr 28 17:43:58 2024 +0800 feat: tables add responsive attributes #917 --- ui/src/pages/Admin/Answers/index.tsx | 3 ++- ui/src/pages/Admin/Plugins/Installed/index.tsx | 4 ++-- ui/src/pages/Admin/Questions/index.tsx | 3 ++- ui/src/pages/Admin/Users/index.tsx | 9 ++++++--- 4 files changed, 12 insertions(+), 7 deletions(-) diff --git a/ui/src/pages/Admin/Answers/index.tsx b/ui/src/pages/Admin/Answers/index.tsx index ad66e3d5..42339263 100644 --- a/ui/src/pages/Admin/Answers/index.tsx +++ b/ui/src/pages/Admin/Answers/index.tsx @@ -76,7 +76,7 @@ const Answers: FC = () => { return ( <> <h3 className="mb-4">{t('page_title')}</h3> - <div className="d-flex justify-content-between align-items-center mb-3"> + <div className="d-flex flex-wrap justify-content-between align-items-center mb-3"> <QueryGroup data={answerFilterItems} currentSort={curFilter} @@ -91,6 +91,7 @@ const Answers: FC = () => { type="search" placeholder={t('filter.placeholder')} style={{ width: '12.25rem' }} + className="mt-3 mt-sm-0" /> </div> <Table responsive> diff --git a/ui/src/pages/Admin/Plugins/Installed/index.tsx b/ui/src/pages/Admin/Plugins/Installed/index.tsx index 6df6d716..f1ced442 100644 --- a/ui/src/pages/Admin/Plugins/Installed/index.tsx +++ b/ui/src/pages/Admin/Plugins/Installed/index.tsx @@ -103,10 +103,10 @@ const Users: FC = () => { /> </Stack> </div> - <Table> + <Table responsive> <thead> <tr> - <th>{t('name')}</th> + <th className="min-w-15">{t('name')}</th> <th style={{ width: '17%' }}>{t('version')}</th> <th style={{ width: '11%' }}>{t('status')}</th> {curFilter !== 'deleted' ? ( diff --git a/ui/src/pages/Admin/Questions/index.tsx b/ui/src/pages/Admin/Questions/index.tsx index b2f4b38c..4a3c669a 100644 --- a/ui/src/pages/Admin/Questions/index.tsx +++ b/ui/src/pages/Admin/Questions/index.tsx @@ -74,7 +74,7 @@ const Questions: FC = () => { return ( <> <h3 className="mb-4">{t('page_title')}</h3> - <div className="d-flex justify-content-between align-items-center mb-3"> + <div className="d-flex flex-wrap justify-content-between align-items-center mb-3"> <QueryGroup data={questionFilterItems} currentSort={curFilter} @@ -89,6 +89,7 @@ const Questions: FC = () => { placeholder={t('filter.placeholder')} onChange={handleFilter} style={{ width: '12.25rem' }} + className="mt-3 mt-sm-0" /> </div> <Table responsive> diff --git a/ui/src/pages/Admin/Users/index.tsx b/ui/src/pages/Admin/Users/index.tsx index c119e864..c8f4fab4 100644 --- a/ui/src/pages/Admin/Users/index.tsx +++ b/ui/src/pages/Admin/Users/index.tsx @@ -165,7 +165,7 @@ const Users: FC = () => { return ( <> <h3 className="mb-4">{t('title')}</h3> - <div className="d-flex justify-content-between align-items-center mb-3"> + <div className="d-flex flex-wrap justify-content-between align-items-center mb-3"> <Stack direction="horizontal" gap={3}> <QueryGroup data={UserFilterKeys} @@ -190,14 +190,17 @@ const Users: FC = () => { onChange={handleFilter} placeholder={t('filter.placeholder')} style={{ width: '12.25rem' }} + className="mt-3 mt-sm-0" /> </div> - <Table> + <Table responsive> <thead> <tr> <th>{t('name')}</th> <th style={{ width: '12%' }}>{t('reputation')}</th> - <th style={{ width: '20%' }}>{t('email')}</th> + <th style={{ width: '20%' }} className="min-w-15"> + {t('email')} + </th> <th className="text-nowrap" style={{ width: '15%' }}> {t('created_at')} </th>
