fix(bugs): enhancements and bug fixes - more (#4043)
This commit is contained in:
1 parent
d3cdfd8506
commit
3754c224b4
26 files changed
+105
-106
No files matched your search
@@ -20,20 +20,21 @@ const ActiveSegmentationConfig = ({
|
||||
}) => {
|
||||
const { t } = useTranslation('SegmentationTable');
|
||||
return (
|
||||
<div className="flex justify-between px-3 pt-[13px] text-[12px]">
|
||||
<div className="flex flex-col items-start">
|
||||
<div className="flex justify-between gap-[5px] px-2 pt-[13px] text-[12px]">
|
||||
<div className="flex h-[89px] flex-col items-start">
|
||||
<div className="mb-[12px] text-white">{t('Active')}</div>
|
||||
<CheckBox
|
||||
label={t('Outline')}
|
||||
checked={config.renderOutline}
|
||||
labelClassName="text-[12px] pl-1 pt-1"
|
||||
labelClassName="text-[12px]"
|
||||
className="mb-[9px]"
|
||||
onChange={setRenderOutline}
|
||||
/>
|
||||
<div className="mt-2"></div>
|
||||
<CheckBox
|
||||
label={t('Fill')}
|
||||
checked={config.renderFill}
|
||||
labelClassName="text-[12px] pl-1 pt-1"
|
||||
labelClassName="text-[12px]"
|
||||
className="mb-[9px]"
|
||||
onChange={setRenderFill}
|
||||
/>
|
||||
@@ -47,9 +48,9 @@ const ActiveSegmentationConfig = ({
|
||||
value={getRoundedValue(config.outlineOpacity * 100)}
|
||||
onChange={setOutlineOpacityActive}
|
||||
step={1}
|
||||
containerClassName="mt-[4px] mb-[9px]"
|
||||
containerClassName="mt-[4px] mb-[9px] w-[100px]"
|
||||
inputClassName="w-[64px]"
|
||||
labelClassName="text-white text-[12px]"
|
||||
labelClassName="text-white text-[12px] whitespace-nowrap"
|
||||
unit="%"
|
||||
/>
|
||||
<InputRange
|
||||
@@ -58,9 +59,9 @@ const ActiveSegmentationConfig = ({
|
||||
value={getRoundedValue(config.fillAlpha * 100)}
|
||||
onChange={setFillAlpha}
|
||||
step={1}
|
||||
containerClassName="mt-[4px] mb-[9px]"
|
||||
containerClassName="mt-[4px] mb-[9px] w-[100px]"
|
||||
inputClassName="w-[64px]"
|
||||
labelClassName="text-white text-[12px]"
|
||||
labelClassName="text-white text-[12px] whitespace-nowrap"
|
||||
unit="%"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -70,7 +70,7 @@ const SegmentItem = ({
|
||||
'border border-l-0 border-transparent': !isActive,
|
||||
})}
|
||||
style={{
|
||||
width: 'calc(100% - 40px)',
|
||||
width: 'calc(100% - 28px)',
|
||||
}}
|
||||
>
|
||||
<div className="bg-primary-dark flex h-full flex-grow items-center">
|
||||
@@ -93,7 +93,7 @@ const SegmentItem = ({
|
||||
</div>
|
||||
<div
|
||||
className={classnames(
|
||||
'absolute right-3 top-0 flex flex-row-reverse rounded-lg pt-[3px]',
|
||||
'absolute right-[8px] top-0 flex flex-row-reverse rounded-lg pt-[3px]',
|
||||
{}
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -75,7 +75,7 @@ const SegmentationGroupTable = ({
|
||||
const { t } = useTranslation('SegmentationTable');
|
||||
|
||||
return (
|
||||
<div className="flex min-h-0 flex-1 flex-col bg-black text-[13px] font-[300]">
|
||||
<div className="flex min-h-0 flex-col bg-black text-[13px] font-[300]">
|
||||
<PanelSection
|
||||
title={t('Segmentation')}
|
||||
actionIcons={
|
||||
|
||||
+1
-1
@@ -67,7 +67,7 @@ const SegmentationGroupTableExpanded = ({
|
||||
const { t } = useTranslation('SegmentationTable');
|
||||
|
||||
return (
|
||||
<div className="flex min-h-0 flex-1 flex-col bg-black text-[13px] font-[300]">
|
||||
<div className="flex min-h-0 flex-col bg-black text-[13px] font-[300]">
|
||||
<PanelSection
|
||||
title={t('Segmentation')}
|
||||
actionIcons={
|
||||
|
||||
Reference in new issue
Block a user