更新文档

This commit is contained in:
Super Manito
2025-04-08 03:11:10 +08:00
parent 984cfa4eed
commit 355bcfed31
3 changed files with 40 additions and 15 deletions

View File

@@ -1,4 +1,4 @@
<div class="sponsor" style="border-top: none; margin-top: 0"> <div class="sponsor">
<div class="sponsor-label"> <div class="sponsor-label">
<strong>赞助商</strong> <strong>赞助商</strong>
</div> </div>

View File

@@ -100,10 +100,16 @@
vertical-align: -0.35em !important; vertical-align: -0.35em !important;
} }
/* 赞助组件 */
.sponsor { .sponsor {
margin-top: 2rem;
padding-top: 1rem; padding-top: 1rem;
border-top: 1px solid var(--md-default-fg-color--lightest); margin-top: 0;
border-top: none;
}
.sponsor-toc {
margin-top: 2rem !important;
border-top: 1px solid var(--md-default-fg-color--lightest) !important;
} }
.sponsor .sponsor-label { .sponsor .sponsor-label {
@@ -131,6 +137,13 @@
max-height: 80px; max-height: 80px;
} }
.sponsor-item-toc {
margin: 0;
padding: 14px !important;
height: 66px !important;
box-sizing: border-box;
}
.sponsor .sponsor-item:hover { .sponsor .sponsor-item:hover {
background-color: var(--md-code-bg-color); background-color: var(--md-code-bg-color);
} }
@@ -141,6 +154,10 @@
vertical-align: middle; vertical-align: middle;
} }
.sponsor-item-toc img {
width: 50% !important;
}
.sponsor-flex-wrapper { .sponsor-flex-wrapper {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -148,6 +165,14 @@
justify-content: center; justify-content: center;
} }
.sponsor-flex-wrapper-toc {
display: flex !important;
flex-direction: column;
gap: 8px !important;
padding: 0;
width: 100%;
}
.sponsor-flex-item { .sponsor-flex-item {
flex: 0 1 calc(33.33% - 1rem); flex: 0 1 calc(33.33% - 1rem);
min-width: 200px; min-width: 200px;

View File

@@ -13,21 +13,21 @@
<div class="sponsor-label"> <div class="sponsor-label">
<strong>赞助商</strong> <strong>赞助商</strong>
</div> </div>
<div class="sponsor-wrapper"> <div class="sponsor-wrapper sponsor-flex-wrapper-toc">
<a class="sponsor-item" target="_blank" href="https://1panel.cn" title="新一代的 Linux 服务器运维管理面板"> <a class="sponsor-item sponsor-item-toc" target="_blank" href="https://1panel.cn" title="新一代的 Linux 服务器运维管理面板">
<img src="/assets/images/sponsor/1panel.png" alt="1Panel" style="width: 60%" /> <img src="/assets/images/sponsor/1panel.png" alt="1Panel" />
</a> </a>
<a class="sponsor-item" target="_blank" href="https://www.dkdun.cn/aff/VAWGETUL" title="林枫云 · 专注独立IP高频VPSR9/i9系列定制"> <a class="sponsor-item sponsor-item-toc" target="_blank" href="https://www.dkdun.cn/aff/VAWGETUL" title="林枫云 · 专注独立IP高频VPSR9/i9系列定制">
<img src="/assets/images/sponsor/linfengyun-light.png#only-light" alt="林枫云" style="width: 60%" /> <img src="/assets/images/sponsor/linfengyun-light.png#only-light" alt="林枫云" />
<img src="/assets/images/sponsor/linfengyun-dark.png#only-dark" alt="林枫云" style="width: 60%" /> <img src="/assets/images/sponsor/linfengyun-dark.png#only-dark" alt="林枫云" />
</a> </a>
<a class="sponsor-item" target="_blank" href="https://www.qiaoxh.com/?from=linuxmirrors.cn" title="乔星欢 · 香港4核4G服务器28元起_香港500Mbps大带宽"> <a class="sponsor-item sponsor-item-toc" target="_blank" href="https://www.qiaoxh.com/?from=linuxmirrors.cn" title="乔星欢 · 香港4核4G服务器28元起_香港500Mbps大带宽">
<img src="/assets/images/sponsor/qiaoxh-light.svg#only-light" alt="乔星欢" style="width: 66%; margin-bottom: 6px" /> <img src="/assets/images/sponsor/qiaoxh-light.svg#only-light" alt="乔星欢" style="width: 54% !important; margin-bottom: 6px" />
<img src="/assets/images/sponsor/qiaoxh-dark.svg#only-dark" alt="乔星欢" style="width: 66%; margin-bottom: 6px" /> <img src="/assets/images/sponsor/qiaoxh-dark.svg#only-dark" alt="乔星欢" style="width: 54% !important; margin-bottom: 6px" />
</a> </a>
<a class="sponsor-item" target="_blank" href="https://arcadia.cool" title="一站式代码运维平台"> <a class="sponsor-item sponsor-item-toc" target="_blank" href="https://arcadia.cool" title="一站式代码运维平台">
<img src="/assets/images/sponsor/arcadia-light.png#only-light" alt="Arcadia" style="width: 60%" /> <img src="/assets/images/sponsor/arcadia-light.png#only-light" alt="Arcadia" />
<img src="/assets/images/sponsor/arcadia-dark.png#only-dark" alt="Arcadia" style="width: 60%" /> <img src="/assets/images/sponsor/arcadia-dark.png#only-dark" alt="Arcadia" />
</a> </a>
<!-- <a class="sponsor-item" target="_blank" href="/sponsor/"> <!-- <a class="sponsor-item" target="_blank" href="/sponsor/">
<span style="font-size: 0.6rem"> <span style="font-size: 0.6rem">