cloverta/SanYeCao-blog
1
0
Fork 0
mirror of https://github.com/ClovertaTheTrilobita/SanYeCao-blog.git synced 2026-04-02 01:54:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix icp style

Browse source
This commit is contained in:
ClovertaTheTrilobita 2026-03-27 11:06:11 +02:00
parent b9245b3cd7
commit 2b14ceeeff
1 changed files with 23 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/Footer.astro
View file

@ -10,10 +10,14 @@ const t = getTranslations(lang);
<p set:html={t.footer.repoIntro} /> <p set:html={t.footer.repoIntro} />
<div <div
style="display: flex; flex-direction: column; align-items: center; font-size: 0.7rem; padding-bottom: 12px;" id="beian-wrap"
style="display: flex; flex-direction: column; align-items: center; font-size: 0.7rem; padding-bottom: 12px; width: 100%; overflow: hidden;"
> >
<!-- 备案信息 --> <div
<div class="beian" style="display: flex; gap: 4px; justify-content: center"> id="beian-inner"
class="beian"
style="display: flex; gap: 4px; justify-content: center; white-space: nowrap; transform-origin: center;"
>
<a href="https://beian.miit.gov.cn" target="_blank" style="color: gray;" <a href="https://beian.miit.gov.cn" target="_blank" style="color: gray;"
>赣ICP备2025059789号</a >赣ICP备2025059789号</a
> >
@ -21,7 +25,7 @@ const t = getTranslations(lang);
<a <a
href="https://beian.mps.gov.cn/#/query/webSearch?code=36020002000597" href="https://beian.mps.gov.cn/#/query/webSearch?code=36020002000597"
target="_blank" target="_blank"
style="display: flex; gap: 2px; color: gray;" style="display: flex; gap: 2px; color: gray; white-space: nowrap;"
> >
<img <img
src="/images/beian.png" src="/images/beian.png"
@ -78,3 +82,18 @@ const t = getTranslations(lang);
} }
</style> </style>
</footer> </footer>
<script>
function fitBeian() {
const wrap = document.getElementById("beian-wrap");
const inner = document.getElementById("beian-inner");
if (!wrap || !inner) return;
inner.style.transform = "scale(1)";
const scale = Math.min(1, wrap.clientWidth / inner.scrollWidth);
inner.style.transform = `scale(${scale})`;
}
window.addEventListener("load", fitBeian);
window.addEventListener("resize", fitBeian);
</script>