pengjunjie/langflow
1
0
Fork 1
mirror of https://github.com/langflow-ai/langflow.git synced 2026-07-23 21:48:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: adjust SliderComponent spacing and typography (#5836)

Browse Source 
🐛 (sliderComponent/index.tsx): adjust styling to fix alignment issue with input element in SliderComponent

Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
This commit is contained in:
Cristhian Zanforlin Lousa
2025-01-22 11:37:25 -03:00
committed by GitHub
parent 16448e4247
commit c01452f890
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/frontend/src/components/core/parameterRenderComponent/components/sliderComponent/index.tsx
View File

@ -199,13 +199,14 @@ export default function SliderComponent({
const ringClassInputClass = "ring-[1px] ring-slider-input-border";
return (
<div className={cn("w-full rounded-lg", editNode && "mt-4")}>
<div className={cn("w-full rounded-lg", editNode && "mt-3")}>
<Case condition={!sliderButtons}>
<div className="noflow nowheel nopan nodelete nodrag flex items-center justify-end">
<div
className={clsx(
"input-slider-text",
(isGrabbing || isEditing) && ringClassInputClass,
editNode && "relative left-0.5",
)}
>
{isEditing ? (
@ -215,7 +216,7 @@ export default function SliderComponent({
onChange={handleInputChange}
onBlur={handleInputBlur}
onKeyDown={handleKeyDown}
className="relative bottom-[1px] w-full cursor-text rounded-sm bg-transparent text-center font-mono text-[0.88rem] arrow-hide"
className="relative bottom-[1px] w-full cursor-text rounded-sm bg-transparent text-center font-mono text-sm arrow-hide"
autoFocus
data-testid="slider_input"
/>