chore: promotion UI spacing fixes (#7826)

This commit is contained in:
Riqwan Thamir
2024-06-25 16:50:07 +02:00
committed by GitHub
parent 61758f374b
commit bea3e669e1
@@ -119,7 +119,7 @@ export const RulesFormField = ({
{t(`promotions.fields.conditions.${ruleType}.title`)} {t(`promotions.fields.conditions.${ruleType}.title`)}
</Heading> </Heading>
<Text className="text-ui-fg-subtle txt-small mb-10"> <Text className="text-ui-fg-subtle txt-small mb-6">
{t(`promotions.fields.conditions.${ruleType}.description`)} {t(`promotions.fields.conditions.${ruleType}.description`)}
</Text> </Text>
@@ -296,7 +296,7 @@ export const RulesFormField = ({
) )
})} })}
<div className="mt-8"> <div className={!!fields.length ? "mt-6" : ""}>
<Button <Button
type="button" type="button"
variant="secondary" variant="secondary"
@@ -313,6 +313,7 @@ export const RulesFormField = ({
{t("promotions.fields.addCondition")} {t("promotions.fields.addCondition")}
</Button> </Button>
{!!fields.length && (
<Button <Button
type="button" type="button"
variant="transparent" variant="transparent"
@@ -329,6 +330,7 @@ export const RulesFormField = ({
> >
{t("promotions.fields.clearAll")} {t("promotions.fields.clearAll")}
</Button> </Button>
)}
</div> </div>
</div> </div>
) )