fix(bugs): enhancements and bug fixes - more (#4043)

This commit is contained in:
Ibrahim authored and GitHub committed 2024-04-17 14:42:40 -04:00
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={
@@ -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={