fix: 修复友情链接只能单排显示的问题
This commit is contained in:
@@ -30,6 +30,17 @@
|
|||||||
margin-bottom: 0.5rem; /* 增加行间距 */
|
margin-bottom: 0.5rem; /* 增加行间距 */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer-links-columns {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
gap: 0 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-links {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.footer-links a {
|
.footer-links a {
|
||||||
color: var(--text-secondary);
|
color: var(--text-secondary);
|
||||||
font-size: 14px; /* 增大链接字号 (原0.9rem/14.4px) */
|
font-size: 14px; /* 增大链接字号 (原0.9rem/14.4px) */
|
||||||
@@ -57,6 +68,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
|
.footer-links-columns {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
.footer-content {
|
.footer-content {
|
||||||
grid-template-columns: 1fr; /* 手机 1列 */
|
grid-template-columns: 1fr; /* 手机 1列 */
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user