🔧 Fix footer positioning in adminlogin and generator pages
- Added proper HTML/body height: 100% for full viewport height - Changed body to flex-direction: column for proper footer positioning - Updated footer CSS with margin-top: auto for sticky footer behavior - Added flex-grow: 1 to containers for proper space distribution - Footer now properly sticks to bottom of viewport - Improved responsive layout for both adminlogin and generator pages
This commit is contained in:
@@ -4,11 +4,18 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
@@ -24,6 +31,10 @@ body {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container::before {
|
||||
@@ -389,8 +400,11 @@ input:hover, textarea:hover {
|
||||
.footer {
|
||||
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
|
||||
border-top: 1px solid #2a2a3e;
|
||||
margin-top: 3rem;
|
||||
margin-top: auto;
|
||||
padding: 2rem 0;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
|
||||
Reference in New Issue
Block a user