p90524618
/
answer
mirror of https://gitee.com/answerdev/answer.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(Search): Adjust the border color of the list-group-item to default

This commit is contained in:
haitao(lj) 2022-12-21 15:58:43 +08:00
parent dc37679546
commit 714364aaed
4 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/pages/Search/components/Head/index.tsx
View File

@ -37,7 +37,7 @@ const Index: FC<Props> = ({ data }) => {
<div className="mb-5">
<h3 className="mb-3">{t('title')}</h3>
<p>
<span className="text-secondary">{t('keywords')}</span>
<span className="text-secondary me-1">{t('keywords')}</span>
{q?.replace(reg, '')}
<br />
{options?.length && (

5
ui/src/pages/Search/components/SearchHead/index.tsx
View File

@ -1,5 +1,4 @@
import { FC, memo } from 'react';
import { ListGroupItem } from 'react-bootstrap';
import { useTranslation } from 'react-i18next';
import { QueryGroup } from '@/components';
@ -16,7 +15,7 @@ const Index: FC<Props> = ({ sort, count = 0 }) => {
});
return (
<ListGroupItem className="d-flex flex-wrap align-items-center justify-content-between divide-line pb-3 border-bottom px-0">
<div className="d-flex flex-wrap align-items-center justify-content-between pt-2 pb-3">
<h5 className="mb-0">{t('counts', { count, keyPrefix: 'search' })}</h5>
<QueryGroup
data={sortBtns}
@ -24,7 +23,7 @@ const Index: FC<Props> = ({ sort, count = 0 }) => {
sortKey="order"
i18nKeyPrefix="search.sort_btns"
/>
</ListGroupItem>
</div>
);
};

2
ui/src/pages/Search/components/SearchItem/index.tsx
View File

@ -27,7 +27,7 @@ const Index: FC<Props> = ({ data }) => {
});
}
return (
<ListGroupItem className="py-3 px-0">
<ListGroupItem className="py-3 px-0 border-start-0 border-end-0 bg-transparent">
<div className="mb-2 clearfix">
<span
className="float-start me-2 badge text-bg-dark"

6
ui/src/pages/Search/index.tsx
View File

@ -36,10 +36,8 @@ const Index = () => {
<Row className="justify-content-center">
<Col xxl={7} lg={8} sm={12} className="mb-3">
<Head data={extra} />
<ListGroup variant="flush" className="mb-5">
<SearchHead sort={order} count={count} />
<SearchHead sort={order} count={count} />
<ListGroup className="rounded-0 mb-5">
{list?.map((item) => {
return <SearchItem key={item.object.id} data={item} />;
})}