fix: fix FeatureList layout

This commit is contained in:
Hossein Mehrabi
2023-07-10 23:38:17 +03:30
parent 3006a25a32
commit 4e2f4135ab
2 changed files with 11 additions and 2 deletions
@@ -29,6 +29,12 @@
.mdx-feature-list__feature {
border-top: 1px solid rgb(var(--lsd-border-primary));
min-height: 332px;
}
.mdx-feature-list__feature-inner {
display: flex;
flex-direction: column;
}
.mdx-feature-list__feature-title {
@@ -36,7 +42,10 @@
}
.mdx-feature-list__feature-description {
margin-top: 8.625rem;
flex: 1 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.mdx-feature-list__extra {
@@ -55,7 +55,7 @@ export const FeatureList: React.FC<FeatureListProps> = ({
component="h3"
className="mdx-feature-list__feature-description"
>
{feature.description}
<span>{feature.description}</span>
</Typography>
</div>
<div className="mdx-feature-list__feature-border"></div>