mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-08-15 21:45:51 +08:00
fix: splitting text ui broken (#1848)
This commit is contained in:
parent
da4847c5a8
commit
972cf3cd01
@ -262,6 +262,7 @@
|
|||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input {
|
.input {
|
||||||
@apply inline-flex h-9 w-full py-1 px-2 rounded-lg text-xs leading-normal;
|
@apply inline-flex h-9 w-full py-1 px-2 rounded-lg text-xs leading-normal;
|
||||||
@apply bg-gray-100 caret-primary-600 hover:bg-gray-100 focus:ring-1 focus:ring-inset focus:ring-gray-200 focus-visible:outline-none focus:bg-white placeholder:text-gray-400;
|
@apply bg-gray-100 caret-primary-600 hover:bg-gray-100 focus:ring-1 focus:ring-inset focus:ring-gray-200 focus-visible:outline-none focus:bg-white placeholder:text-gray-400;
|
||||||
@ -316,9 +317,11 @@
|
|||||||
.fileIcon.json {
|
.fileIcon.json {
|
||||||
background-image: url(../assets/json.svg);
|
background-image: url(../assets/json.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sourceContent {
|
.sourceContent {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sourceCount {
|
.sourceCount {
|
||||||
@apply shrink-0 ml-1;
|
@apply shrink-0 ml-1;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@ -326,6 +329,7 @@
|
|||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #667085;
|
color: #667085;
|
||||||
}
|
}
|
||||||
|
|
||||||
.segmentCount {
|
.segmentCount {
|
||||||
flex: 1 1 30%;
|
flex: 1 1 30%;
|
||||||
max-width: 120px;
|
max-width: 120px;
|
||||||
@ -382,6 +386,10 @@
|
|||||||
|
|
||||||
.previewWrap {
|
.previewWrap {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
width: 524px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.previewWrap.isMobile {
|
||||||
max-width: 524px;
|
max-width: 524px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -410,12 +418,14 @@
|
|||||||
backdrop-filter: blur(4px);
|
backdrop-filter: blur(4px);
|
||||||
animation: fix 0.5s;
|
animation: fix 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fix {
|
@keyframes fix {
|
||||||
from {
|
from {
|
||||||
padding-top: 42px;
|
padding-top: 42px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
padding-top: 12px;
|
padding-top: 12px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
@ -820,7 +820,7 @@ const StepTwo = ({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<FloatRightContainer isMobile={isMobile} isOpen={showPreview} onClose={hidePreview} footer={null}>
|
<FloatRightContainer isMobile={isMobile} isOpen={showPreview} onClose={hidePreview} footer={null}>
|
||||||
{showPreview && <div ref={previewScrollRef} className={cn(s.previewWrap, 'relative h-full overflow-y-scroll border-l border-[#F2F4F7]')}>
|
{showPreview && <div ref={previewScrollRef} className={cn(s.previewWrap, isMobile && s.isMobile, 'relative h-full overflow-y-scroll border-l border-[#F2F4F7]')}>
|
||||||
<div className={cn(s.previewHeader, previewScrolled && `${s.fixed} pb-3`)}>
|
<div className={cn(s.previewHeader, previewScrolled && `${s.fixed} pb-3`)}>
|
||||||
<div className='flex items-center justify-between px-8'>
|
<div className='flex items-center justify-between px-8'>
|
||||||
<div className='grow flex items-center'>
|
<div className='grow flex items-center'>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user