fix: fix broken global style (#11470)

This commit is contained in:
Hyejin Yoon 2024-09-25 12:14:28 +09:00 committed by GitHub
parent 934d3d6be8
commit cf1d2966da
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 25 additions and 19 deletions

View File

@ -1,3 +1,9 @@
.subtitle {
font-size: 1.7rem;
font-weight: 500;
margin: 1.5rem 0;
}
.section {
margin: 2rem 3rem 3rem 3rem;
}

View File

@ -6,7 +6,7 @@ import { CodeTwoTone, HeartTwoTone, SoundTwoTone } from "@ant-design/icons";
const ChampionQualityCardsSection = () => {
return (
<div>
<h2>Our Champions...</h2>
<div class={clsx(styles.subtitle)}>Our Champions...</div>
<div class={clsx("row section", styles.section)}>
<div class={clsx("card col col-4", styles.card)}>
<div class="card-body">

View File

@ -372,7 +372,7 @@ function Champion() {
<div className="hero__content">
<div>
<HeroImage />
<h1>DataHub Champions</h1>
<div className="hero__title">DataHub Champions</div>
<p className="hero__subtitle">
Recognizing community members who have made exceptional contributions to further the collective success of DataHub.
</p>

View File

@ -262,26 +262,26 @@ div[class^="announcementBar"] {
/* Hero */
// .hero {
// padding: 5vh 0;
.hero {
padding: 5vh 0;
// .hero__subtitle {
// font-size: 1.25em;
// max-width: 800px;
.hero__subtitle {
font-size: 1.25em;
max-width: 800px;
display: inline-block;
// img {
// vertical-align: middle;
// margin-top: -0.3em;
// }
// }
img {
vertical-align: middle;
margin-top: -0.3em;
}
}
// .hero__content {
// text-align: center;
// padding: 2rem 0;
// height: 100%;
// display: flex;
// }
// }
.hero__content {
text-align: center;
padding: 2rem 0;
height: 100%;
}
}
/* Sidebar Menu */