mirror of https://github.com/langgenius/dify.git
fix: remove unused CSS styles and fix HitTestingPage layout (#30235)
This commit is contained in:
parent
c393d7a2dc
commit
b85564cae5
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue