fix: adjust layout styles for header and dataset update form components

pull/22182/head
twwu 11 months ago
parent f929bfb94c
commit 4762e5973a

@ -122,7 +122,7 @@ const DatasetUpdateForm = ({ datasetId }: DatasetUpdateFormProps) => {
return <AppUnavailable code={500} unknownReason={t('datasetCreation.error.unavailable') as string} /> return <AppUnavailable code={500} unknownReason={t('datasetCreation.error.unavailable') as string} />
return ( return (
<div className='flex flex-col bg-components-panel-bg' style={{ height: 'calc(100vh - 56px)' }}> <div className='flex flex-col overflow-hidden bg-components-panel-bg' style={{ height: 'calc(100vh - 56px)' }}>
<TopBar activeIndex={step - 1} datasetId={datasetId} /> <TopBar activeIndex={step - 1} datasetId={datasetId} />
<div style={{ height: 'calc(100% - 52px)' }}> <div style={{ height: 'calc(100% - 52px)' }}>
{step === 1 && <StepOne {step === 1 && <StepOne

@ -1,6 +1,5 @@
.filePreview { .filePreview {
@apply flex flex-col border-l border-components-panel-border shrink-0 bg-background-default-lighter; @apply flex flex-col border-l border-components-panel-border shrink-0 bg-background-default-lighter;
width: 528px;
} }
.previewHeader { .previewHeader {
@ -28,6 +27,7 @@
background: #f9fafb center no-repeat url(../assets/Loading.svg); background: #f9fafb center no-repeat url(../assets/Loading.svg);
background-size: contain; background-size: contain;
} }
.fileContent { .fileContent {
white-space: pre-line; white-space: pre-line;
} }

@ -139,7 +139,7 @@ const StepOne = ({
<div className={classNames(s.form)}> <div className={classNames(s.form)}>
{ {
shouldShowDataSourceTypeList && ( shouldShowDataSourceTypeList && (
<div className={classNames(s.stepHeader, 'text-text-secondary system-md-semibold')}> <div className={classNames(s.stepHeader, 'system-md-semibold text-text-secondary')}>
{t('datasetCreation.steps.one')} {t('datasetCreation.steps.one')}
</div> </div>
) )

@ -79,7 +79,7 @@ const Header = () => {
} }
return ( return (
<div className='flex h-[60px] items-center'> <div className='flex h-[56px] items-center'>
<div className='flex min-w-0 flex-[1] items-center pl-3 pr-2 min-[1280px]:pr-3'> <div className='flex min-w-0 flex-[1] items-center pl-3 pr-2 min-[1280px]:pr-3'>
<Link href="/apps" className='flex h-8 shrink-0 items-center justify-center px-0.5'> <Link href="/apps" className='flex h-8 shrink-0 items-center justify-center px-0.5'>
{systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo {systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo

Loading…
Cancel
Save