Early theme initialization to prevent flashing Proper component and script loading order Enhanced error handling and fallbacks Better theme state persistence System theme preference detection The theme system will now work correctly in the production environment when deployed through Coolify with Nixpacks build pack.
81 lines
1.5 KiB
CSS
81 lines
1.5 KiB
CSS
footer {
|
|
background: var(--bg-card);
|
|
padding: var(--spacing-xl) var(--spacing-md);
|
|
margin-top: calc(2 * var(--spacing-xl));
|
|
border-top: 1px solid var(--border-color);
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: var(--spacing-lg);
|
|
}
|
|
|
|
.contact-block {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
gap: var(--spacing-lg);
|
|
margin-bottom: var(--spacing-sm);
|
|
}
|
|
|
|
.contact-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-sm);
|
|
}
|
|
|
|
.contact-item i {
|
|
color: var(--primary);
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.contact-item a {
|
|
color: var(--text-muted);
|
|
text-decoration: none;
|
|
transition: color var(--transition-speed) ease;
|
|
}
|
|
|
|
.contact-item a:hover {
|
|
color: var(--primary);
|
|
}
|
|
|
|
.social-links {
|
|
display: flex;
|
|
gap: var(--spacing-lg);
|
|
justify-content: center;
|
|
}
|
|
|
|
.social-links a {
|
|
color: var(--text-muted);
|
|
text-decoration: none;
|
|
transition: color var(--transition-speed) ease;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.social-links a:hover {
|
|
color: var(--primary);
|
|
}
|
|
|
|
.legal-links {
|
|
text-align: center;
|
|
font-size: 0.9rem;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.legal-links a {
|
|
color: var(--text-muted);
|
|
text-decoration: none;
|
|
margin: 0 var(--spacing-sm);
|
|
transition: color var(--transition-speed) ease;
|
|
}
|
|
|
|
.legal-links a:hover {
|
|
color: var(--primary);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.contact-block {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
}
|