Ajustou tamanho do label
X-Lovable-Edit-ID: edt-3cddc73f-aeea-42c0-a491-6ea13610d7cd Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
This commit is contained in:
@@ -230,13 +230,13 @@ function useLabelDistanceFactor(position: [number, number, number]): number {
|
|||||||
|
|
||||||
function MeasurementLabel({ position, text, variant, fixed = false }: { position: [number, number, number]; text: string; variant: 'success' | 'primary'; fixed?: boolean }) {
|
function MeasurementLabel({ position, text, variant, fixed = false }: { position: [number, number, number]; text: string; variant: 'success' | 'primary'; fixed?: boolean }) {
|
||||||
const dfDynamic = useLabelDistanceFactor(position);
|
const dfDynamic = useLabelDistanceFactor(position);
|
||||||
const df = fixed ? dfDynamic : 8;
|
const df = fixed ? dfDynamic : 1.5;
|
||||||
const borderClass = variant === 'success' ? 'border-success/60' : 'border-primary/60';
|
const borderClass = variant === 'success' ? 'border-success/60' : 'border-primary/60';
|
||||||
const textClass = variant === 'success' ? 'text-success' : 'text-primary';
|
const textClass = variant === 'success' ? 'text-success' : 'text-primary';
|
||||||
return (
|
return (
|
||||||
<Html position={position} center distanceFactor={df} zIndexRange={[100, 0]} style={{ pointerEvents: 'none' }}>
|
<Html position={position} center distanceFactor={df} zIndexRange={[100, 0]} style={{ pointerEvents: 'none' }}>
|
||||||
<div className={`rounded bg-card/95 border ${borderClass} px-3 py-1 shadow-lg backdrop-blur-sm`}>
|
<div className={`rounded bg-card/95 border ${borderClass} px-2 py-0.5 shadow-lg backdrop-blur-sm`}>
|
||||||
<span className={`font-mono text-[16px] font-bold ${textClass} whitespace-nowrap`}>
|
<span className={`font-mono text-[11px] font-bold ${textClass} whitespace-nowrap`}>
|
||||||
{text}
|
{text}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user