diff --git a/src/App.css b/src/App.css
index cc8198ce..4303c63c 100644
--- a/src/App.css
+++ b/src/App.css
@@ -4,6 +4,7 @@
--recipe-select-height: 52px;
--tab-height: 62px;
--footer-height: 64px;
+ --description-height: 102px;
}
.app-container {
diff --git a/src/components/GradientInput/index.tsx b/src/components/GradientInput/index.tsx
index 588e19bf..dd0d34d1 100644
--- a/src/components/GradientInput/index.tsx
+++ b/src/components/GradientInput/index.tsx
@@ -16,7 +16,7 @@ interface GradientInputProps {
};
const GradientInput = (props: GradientInputProps): JSX.Element => {
- const { displayName, description, gradientOptions, defaultValue } = props;
+ const { displayName, gradientOptions, defaultValue } = props;
const selectedRecipeId = useSelectedRecipeId();
const editRecipe = useEditRecipe();
const getCurrentValue = useGetCurrentValue();
@@ -55,7 +55,6 @@ const GradientInput = (props: GradientInputProps): JSX.Element => {
{displayName}
- {description}
diff --git a/src/components/RecipeForm/style.css b/src/components/RecipeForm/style.css
index 603f9ee8..41759d1c 100644
--- a/src/components/RecipeForm/style.css
+++ b/src/components/RecipeForm/style.css
@@ -4,6 +4,6 @@
justify-content: space-between;
height: calc(
100vh - var(--header-height) - var(--recipe-select-height) -
- var(--tab-height) - var(--footer-height)
+ var(--tab-height) - var(--footer-height) - var(--description-height)
);
}
diff --git a/src/utils/gradient.ts b/src/utils/gradient.ts
index 1dd6a053..b6c00fb5 100644
--- a/src/utils/gradient.ts
+++ b/src/utils/gradient.ts
@@ -69,7 +69,7 @@ export function deriveGradientStrength(
if (!opt?.strength_path) return undefined;
const storeMin = opt.strength_min ?? 0;
- const storeMax = opt.strength_max ?? 5;
+ const storeMax = opt.strength_max ?? 1;
const uiMin = storeMin;
const uiMax = storeMax;
@@ -81,10 +81,11 @@ export function deriveGradientStrength(
? storeRaw
: opt.strength_default ?? storeMin;
const uiValue = round2(clampUi(storeNum));
+ const strengthDescription = opt.strength_description || "Smaller decay length indicates stronger bias"
return {
displayName: `Decay Length`,
- description: "Higher values will increase the decay length",
+ description: strengthDescription,
path: opt.strength_path,
uiValue,
min: uiMin,