Skip to content

Commit 44d43cd

Browse files
gaoxueyugaoxueyu
authored
Merge pull request #194 from faweizhao26/p
fix the logo display issue on mobile devices
2 parents cdbf62a + fa1b8d0 commit 44d43cd

2 files changed

Lines changed: 91 additions & 65 deletions

File tree

‎i18n/zh-CN/docusaurus-plugin-content-pages/partners-page.mdx‎

Lines changed: 47 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -52,31 +52,42 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
5252
gap: 12px;
5353
}
5454
55+
.partner-card {
56+
padding: 8px !important;
57+
height: 80px !important;
58+
border-radius: 8px;
59+
}
60+
61+
.partner-card img {
62+
max-width: 100% !important;
63+
max-height: 45px !important;
64+
}
65+
5566
.benefits-grid {
5667
grid-template-columns: 1fr;
5768
gap: 20px;
5869
}
5970
6071
.tabs__item {
61-
padding: 8px 15px !important;
62-
font-size: 0.9rem !important;
72+
padding: 8px 12px !important;
73+
font-size: 0.85rem !important;
6374
}
6475
6576
.cert-slide { width: 200px; }
6677
}
6778
6879
.custom-footer { text-align: center; padding: 120px 20px; margin-top: 50px; position: relative; overflow: hidden; background-color: transparent; }
6980
.footer-bg { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-height: 100%; z-index: -1; object-fit: contain; pointer-events: none; }
70-
ul.tabs {justify-content: center !important;border-bottom: none !important;gap: 15px !important;display: flex !important;}
71-
.tabs__item {font-size: 1rem !important;font-weight: bold !important;padding: 10px 20px !important;border-radius: 30px !important;border: 2px solid #f0f0f0 !important;transition: all 0.3s ease;margin: 5px 0 !important;}
72-
.tabs__item--active {background-color: #7D52F4 !important;color: white !important;border-color: #7D52F4 !important;}
81+
ul.tabs {justify-content: center !important; border-bottom: none !important; gap: 10px !important; display: flex !important; flex-wrap: wrap;}
82+
.tabs__item {font-size: 1rem !important; font-weight: bold !important; padding: 10px 20px !important; border-radius: 30px !important; border: 2px solid #f0f0f0 !important; transition: all 0.3s ease; margin: 5px 0 !important;}
83+
.tabs__item--active {background-color: #7D52F4 !important; color: white !important; border-color: #7D52F4 !important;}
7384
74-
.cert-carousel-container {overflow: hidden;padding: 40px 0;max-width: 1200px;margin: 0 auto;position: relative;}
75-
.cert-track {display: flex;width: calc(280px * 10);animation: scroll 40s linear infinite;}
85+
.cert-carousel-container {overflow: hidden; padding: 40px 0; max-width: 1200px; margin: 0 auto; position: relative;}
86+
.cert-track {display: flex; width: calc(280px * 10); animation: scroll 40s linear infinite;}
7687
.cert-track:hover {animation-play-state: paused;}
77-
.cert-slide {width: 280px;height: 200px;padding: 0 15px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;}
78-
.cert-slide p {margin: 0 !important;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
79-
.cert-slide img {max-width: 100% !important;max-height: 100% !important;width: auto !important;height: auto !important;object-fit: contain !important;border-radius: 8px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);background-color: #fff;transition: transform 0.3s;}
88+
.cert-slide {width: 280px; height: 200px; padding: 0 15px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
89+
.cert-slide p {margin: 0 !important; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
90+
.cert-slide img {max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); background-color: #fff; transition: transform 0.3s;}
8091
.cert-slide img:hover {transform: scale(1.05);}
8192
@keyframes scroll {0% { transform: translateX(0); } 100% { transform: translateX(calc(-280px * 5)); }}
8293
`}</style>
@@ -87,7 +98,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
8798
<div className="banner-content">
8899
<h1 className="banner-title">成为 IvorySQL 的合作伙伴</h1>
89100
<p style={{ fontSize: '1.2rem', color: 'white' }}>欢迎申请！</p>
90-
<a href="https://jsj.top/f/AvKTbu" style={{ backgroundColor: '#A38CF9', color: 'white', padding: '10px 25px', borderRadius: '20px', textDecoration: 'none', display: 'inline-block', marginTop: '20px' }}>立即申请</a>
101+
<a href="https://jsj.top/f/AvKTbu" target="_blank" rel="noopener noreferrer" style={{ backgroundColor: '#A38CF9', color: 'white', padding: '10px 25px', borderRadius: '20px', textDecoration: 'none', display: 'inline-block', marginTop: '20px' }}>立即申请</a>
91102
</div>
92103
</div>
93104

@@ -96,45 +107,45 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
96107
<TabItem value="tech">
97108
<p style={{ color: '#666', marginTop: '20px', textAlign: 'center' }}>深度兼容主流基础设施，构建稳定、高性能的技术生态。</p>
98109
<div className="partners-grid">
99-
<div className="partner-card"><a href="https://pigsty.cc/" target="_blank">![](/img/partners/pigsty.jpg)</a></div>
100-
<div className="partner-card"><a href="https://www.openkylin.top/index-cn.html" target="_blank">![](/img/partners/openkylin.png)</a></div>
101-
<div className="partner-card"><a href="https://www.deepin.org/" target="_blank">![](/img/partners/deepin.jpg)</a></div>
102-
<div className="partner-card"><a href="https://openanolis.cn/" target="_blank">![](/img/partners/openanolis.png)</a></div>
103-
<div className="partner-card"><a href="https://www.kylinos.cn/" target="_blank">![](/img/partners/kylin.png)</a></div>
104-
<div className="partner-card"><a href="https://www.data-bene.io/en/" target="_blank">![](/img/partners/databene.png)</a></div>
105-
<div className="partner-card"><a href="https://ongres.com/" target="_blank">![](/img/partners/ongres.png)</a></div>
106-
<div className="partner-card"><a href="https://www.navicat.com.cn/" target="_blank">![](/img/partners/navicat.jpg)</a></div>
107-
<div className="partner-card"><a href="https://www.whaleops.com/index.html" target="_blank">![](/img/partners/whaleops.png)</a></div>
108-
<div className="partner-card"><a href="https://www.loongson.cn/index.php/system/loongarch" target="_blank">![](/img/partners/loongarch.png)</a></div>
110+
<div className="partner-card"><a href="https://pigsty.cc/" target="_blank" rel="noopener noreferrer">![](/img/partners/pigsty.jpg)</a></div>
111+
<div className="partner-card"><a href="https://www.openkylin.top/index-cn.html" target="_blank" rel="noopener noreferrer">![](/img/partners/openkylin.png)</a></div>
112+
<div className="partner-card"><a href="https://www.deepin.org/" target="_blank" rel="noopener noreferrer">![](/img/partners/deepin.jpg)</a></div>
113+
<div className="partner-card"><a href="https://openanolis.cn/" target="_blank" rel="noopener noreferrer">![](/img/partners/openanolis.png)</a></div>
114+
<div className="partner-card"><a href="https://www.kylinos.cn/" target="_blank" rel="noopener noreferrer">![](/img/partners/kylin.png)</a></div>
115+
<div className="partner-card"><a href="https://www.data-bene.io/en/" target="_blank" rel="noopener noreferrer">![](/img/partners/databene.png)</a></div>
116+
<div className="partner-card"><a href="https://ongres.com/" target="_blank" rel="noopener noreferrer">![](/img/partners/ongres.png)</a></div>
117+
<div className="partner-card"><a href="https://www.navicat.com.cn/" target="_blank" rel="noopener noreferrer">![](/img/partners/navicat.jpg)</a></div>
118+
<div className="partner-card"><a href="https://www.whaleops.com/index.html" target="_blank" rel="noopener noreferrer">![](/img/partners/whaleops.png)</a></div>
119+
<div className="partner-card"><a href="https://www.loongson.cn/index.php/system/loongarch" target="_blank" rel="noopener noreferrer">![](/img/partners/loongarch.png)</a></div>
109120
</div>
110121
</TabItem>
111122
<TabItem value="community">
112123
<p style={{ color: '#666', marginTop: '20px', textAlign: 'center' }}>连接开发者生态，共同推广开源技术与实践案例。</p>
113124
<div className="partners-grid">
114-
<div className="partner-card"><a href="https://www.postgresqlchina.com/" target="_blank">![](/img/partners/pg-association.png)</a></div>
115-
<div className="partner-card"><a href="https://cloudberry.apache.org/" target="_blank">![](/img/partners/cloudberry.png)</a></div>
116-
<div className="partner-card"><a href="https://www.ifclub.org/" target="_blank">![](/img/partners/ifclub.png)</a></div>
117-
<div className="partner-card"><a href="https://www.modb.pro/" target="_blank">![](/img/partners/motianlun.png)</a></div>
118-
<div className="partner-card"><a href="https://www.oschina.net/" target="_blank">![](/img/partners/oschina.png)</a></div>
119-
<div className="partner-card"><a href="https://segmentfault.com/" target="_blank">![](/img/partners/segmentfault.png)</a></div>
120-
<div className="partner-card"><a href="https://juejin.cn/" target="_blank">![](/img/partners/juejin.png)</a></div>
121-
<div className="partner-card"><a href="https://qloc-cn.org/" target="_blank">![](/img/partners/qilukaiyuanshe.webp)</a></div>
122-
<div className="partner-card"><a href="https://kaiyuanshe.cn/" target="_blank">![](/img/partners/kaiyuanshe.png)</a></div>
123-
<div className="partner-card"><a href="https://mp.weixin.qq.com/s/p4ZFy-bYvh5a0AR2gAJb2A" target="_blank">![](/img/partners/shaoanshiwusuo.png)</a></div>
125+
<div className="partner-card"><a href="https://www.postgresqlchina.com/" target="_blank" rel="noopener noreferrer">![](/img/partners/pg-association.png)</a></div>
126+
<div className="partner-card"><a href="https://cloudberry.apache.org/" target="_blank" rel="noopener noreferrer">![](/img/partners/cloudberry.png)</a></div>
127+
<div className="partner-card"><a href="https://www.ifclub.org/" target="_blank" rel="noopener noreferrer">![](/img/partners/ifclub.png)</a></div>
128+
<div className="partner-card"><a href="https://www.modb.pro/" target="_blank" rel="noopener noreferrer">![](/img/partners/motianlun.png)</a></div>
129+
<div className="partner-card"><a href="https://www.oschina.net/" target="_blank" rel="noopener noreferrer">![](/img/partners/oschina.png)</a></div>
130+
<div className="partner-card"><a href="https://segmentfault.com/" target="_blank" rel="noopener noreferrer">![](/img/partners/segmentfault.png)</a></div>
131+
<div className="partner-card"><a href="https://juejin.cn/" target="_blank" rel="noopener noreferrer">![](/img/partners/juejin.png)</a></div>
132+
<div className="partner-card"><a href="https://qloc-cn.org/" target="_blank" rel="noopener noreferrer">![](/img/partners/qilukaiyuanshe.webp)</a></div>
133+
<div className="partner-card"><a href="https://kaiyuanshe.cn/" target="_blank" rel="noopener noreferrer">![](/img/partners/kaiyuanshe.png)</a></div>
134+
<div className="partner-card"><a href="https://mp.weixin.qq.com/s/p4ZFy-bYvh5a0AR2gAJb2A" target="_blank" rel="noopener noreferrer">![](/img/partners/shaoanshiwusuo.png)</a></div>
124135
</div>
125136
</TabItem>
126137
<TabItem value="solutions">
127138
<p style={{ color: '#666', marginTop: '20px', textAlign: 'center' }}>与领先的系统集成商合作，提供开箱即用的行业化能力。</p>
128139
<div className="partners-grid">
129-
<div className="partner-card"><a href="https://www.data-bene.io/en/" target="_blank">![](/img/partners/databene.png)</a></div>
130-
<div className="partner-card"><a href="https://ongres.com/" target="_blank">![](/img/partners/ongres.png)</a></div>
131-
<div className="partner-card"><a href="https://www.navicat.com.cn/products/navicat-premium-resources" target="_blank">![](/img/partners/navicat.jpg)</a></div>
140+
<div className="partner-card"><a href="https://www.data-bene.io/en/" target="_blank" rel="noopener noreferrer">![](/img/partners/databene.png)</a></div>
141+
<div className="partner-card"><a href="https://ongres.com/" target="_blank" rel="noopener noreferrer">![](/img/partners/ongres.png)</a></div>
142+
<div className="partner-card"><a href="https://www.navicat.com.cn/products/navicat-premium-resources" target="_blank" rel="noopener noreferrer">![](/img/partners/navicat.jpg)</a></div>
132143
</div>
133144
</TabItem>
134145
<TabItem value="academic">
135146
<p style={{ color: '#666', marginTop: '20px', textAlign: 'center' }}>深化产学研融合，赋能下一代技术人才培养。</p>
136147
<div className="partners-grid">
137-
<div className="partner-card"><a href="https://summer-ospp.ac.cn/" target="_blank">![](/img/partners/ospp.png)</a></div>
148+
<div className="partner-card"><a href="https://summer-ospp.ac.cn/" target="_blank" rel="noopener noreferrer">![](/img/partners/ospp.png)</a></div>
138149
</div>
139150
</TabItem>
140151
</Tabs>
@@ -168,5 +179,5 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
168179
<div className="custom-footer">
169180
<img className="footer-bg" src={useBaseUrl('/img/partners/partner-background-2.svg')} />
170181
<h3 style={{ position: 'relative', marginBottom: '20px', zIndex: '1', padding: '0 20px' }}>如果您希望与 IvorySQL 成为合作伙伴，请点击填写申请。</h3>
171-
<a href="https://jsj.top/f/AvKTbu" style={{ position: 'relative', backgroundColor: '#7D52F4', color: 'white', padding: '10px 30px', borderRadius: '20px', textDecoration: 'none', display: 'inline-block', zIndex: '1' }}>立即申请</a>
182+
<a href="https://jsj.top/f/AvKTbu" target="_blank" rel="noopener noreferrer" style={{ position: 'relative', backgroundColor: '#7D52F4', color: 'white', padding: '10px 30px', borderRadius: '20px', textDecoration: 'none', display: 'inline-block', zIndex: '1' }}>立即申请</a>
172183
</div>

0 commit comments

Comments
 (0)