mirror of
https://github.com/unraid/webgui.git
synced 2026-01-06 09:39:58 -06:00
Merge pull request #2330 from unraid/fix/footer-copyright-on-right
fix: footer layout and styles for improved responsiveness
This commit is contained in:
@@ -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 */
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user