fix: remove unused CSS styles and fix HitTestingPage layout (#30235)

This commit is contained in:
Wu Tianwei 2025-12-28 02:00:30 +08:00 committed by GitHub
parent c393d7a2dc
commit b85564cae5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 47 deletions

View File

@ -34,7 +34,6 @@ import Records from './components/records'
import ResultItem from './components/result-item' import ResultItem from './components/result-item'
import ResultItemExternal from './components/result-item-external' import ResultItemExternal from './components/result-item-external'
import ModifyRetrievalModal from './modify-retrieval-modal' import ModifyRetrievalModal from './modify-retrieval-modal'
import s from './style.module.css'
const limit = 10 const limit = 10
@ -115,8 +114,8 @@ const HitTestingPage: FC<Props> = ({ datasetId }: Props) => {
}, [isMobile, setShowRightPanel]) }, [isMobile, setShowRightPanel])
return ( return (
<div className={s.container}> <div className="relative flex h-full w-full gap-x-6 overflow-y-auto pl-6">
<div className="flex flex-col px-6 py-3"> <div className="flex min-w-0 flex-1 flex-col py-3">
<div className="mb-4 flex flex-col justify-center"> <div className="mb-4 flex flex-col justify-center">
<h1 className="text-base font-semibold text-text-primary">{t('datasetHitTesting.title')}</h1> <h1 className="text-base font-semibold text-text-primary">{t('datasetHitTesting.title')}</h1>
<p className="mt-0.5 text-[13px] font-normal leading-4 text-text-tertiary">{t('datasetHitTesting.desc')}</p> <p className="mt-0.5 text-[13px] font-normal leading-4 text-text-tertiary">{t('datasetHitTesting.desc')}</p>
@ -161,7 +160,7 @@ const HitTestingPage: FC<Props> = ({ datasetId }: Props) => {
onClose={hideRightPanel} onClose={hideRightPanel}
footer={null} footer={null}
> >
<div className="flex flex-col pt-3"> <div className="flex min-w-0 flex-1 flex-col pt-3">
{isRetrievalLoading {isRetrievalLoading
? ( ? (
<div className="flex h-full flex-col rounded-tl-2xl bg-background-body px-4 py-3"> <div className="flex h-full flex-col rounded-tl-2xl bg-background-body px-4 py-3">

View File

@ -1,43 +0,0 @@
.container {
@apply flex h-full w-full relative overflow-y-auto;
}
.container>div {
@apply flex-1 h-full;
}
.commonIcon {
@apply w-3.5 h-3.5 inline-block align-middle;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.app_icon {
background-image: url(./assets/grid.svg);
}
.hit_testing_icon {
background-image: url(../documents/assets/target.svg);
}
.plugin_icon {
background-image: url(./assets/plugin.svg);
}
.cardWrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(284px, auto));
grid-gap: 16px;
grid-auto-rows: 216px;
}
.clockWrapper {
border: 0.5px solid #eaecf5;
@apply rounded-lg w-11 h-11 flex justify-center items-center;
}
.clockIcon {
mask-image: url(./assets/clock.svg);
@apply bg-gray-500;
}