Merge pull request #2330 from unraid/fix/footer-copyright-on-right

fix: footer layout and styles for improved responsiveness
This commit is contained in:
tom mortensen
2025-08-12 09:18:31 -07:00
committed by GitHub
2 changed files with 9 additions and 5 deletions

View File

@@ -675,8 +675,8 @@ div.title span img {
@media (min-width: 768px) {
#footer {
flex-direction: row;
justify-content: space-between;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
position: fixed;
bottom: 0;
@@ -702,7 +702,9 @@ div.title span img {
justify-content: center;
align-items: center;
gap: 1rem;
flex: 1 1 auto; /* Take available space */
}
.footer-spacer {
display: none; /* Hidden by default on mobile */
}
.footer-right,
#copyright {
@@ -734,13 +736,14 @@ div.title span img {
@media (min-width: 768px) {
.footer-left {
justify-content: flex-start;
flex: 0 0 auto; /* Only take needed space on desktop */
}
.footer-spacer {
display: block; /* Show on desktop */
}
.footer-right,
#copyright {
text-align: right;
justify-content: flex-start; /* Start from left to enable overflow */
flex: 1 1 0; /* Take remaining space */
width: auto; /* Override mobile full width */
min-width: 0; /* Critical for overflow to work */
}