Refactor modal styles for improved consistency and responsiveness; adjust padding and background for dark theme support

This commit is contained in:
Will Miao
2025-03-06 21:09:31 +08:00
parent c9c86d8c0f
commit fb75757d6c
3 changed files with 42 additions and 33 deletions

View File

@@ -33,27 +33,27 @@
.support-content {
display: flex;
flex-direction: column;
gap: var(--space-3);
gap: var(--space-2);
}
.support-content > p {
font-size: 1.1em;
text-align: center;
margin-bottom: var(--space-2);
margin-bottom: var(--space-1);
}
.support-section {
background: rgba(0, 0, 0, 0.02); /* 轻微的灰色背景 */
border: 1px solid rgba(0, 0, 0, 0.08); /* 更明显的边框 */
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: var(--border-radius-sm);
padding: var(--space-3);
padding: var(--space-2);
margin-bottom: var(--space-2);
}
.support-section h3 {
display: flex;
align-items: center;
gap: 10px;
gap: 8px;
margin-top: 0;
margin-bottom: var(--space-1);
font-size: 1.1em;
@@ -65,8 +65,8 @@
}
.support-section p {
margin-top: 6px;
margin-bottom: var(--space-2);
margin-top: 4px;
margin-bottom: var(--space-1);
color: var(--text-color);
opacity: 0.9;
}
@@ -74,7 +74,7 @@
.support-links {
display: flex;
gap: var(--space-2);
margin-top: var(--space-2);
margin-top: var(--space-1);
}
.social-link {
@@ -119,7 +119,7 @@
.support-footer {
text-align: center;
margin-top: var(--space-2);
margin-top: var(--space-1);
font-style: italic;
color: var(--text-color);
}