style: style updates for CallToActionSection and ShowcaseCard

This commit is contained in:
jinhojang6
2024-03-22 04:36:17 +09:00
committed by Jinho Jang
parent 9156dd5667
commit 5c785304e8
4 changed files with 8 additions and 4 deletions
@@ -91,6 +91,10 @@
}
}
.mdx-cta-section__title {
width: 100%;
}
.mdx-cta-section--full-width {
.mdx-cta-section__container {
display: grid;
@@ -171,7 +171,7 @@ export const CallToActionSection: React.FC<CallToActionSectionProps> = ({
)}
>
<div className="mdx-cta-section__header">
<Typography component="h2" className="mdx-cta-section__title">
<Typography component="h2" className={clsx('mdx-cta-section__title')}>
{title}
</Typography>
{href && ctaPosition === 'top' && (
@@ -33,7 +33,7 @@
}
.mdx-showcase-card__description {
margin-top: 1.5rem;
margin-top: 1rem;
padding-top: 0.5rem;
}
@@ -67,8 +67,8 @@ export const ShowcaseCard: React.FC<ShowcaseCardProps> = ({
)}
{name && (
<Typography
variant="h2"
component="h2"
variant="h4"
component="h4"
className="mdx-showcase-card__name"
>
{name}