fix(ui): adjust padding and margins in login navbar for improved layout
This commit is contained in:
+13
-2
@@ -176,6 +176,11 @@
|
|||||||
z-index: 1900;
|
z-index: 1900;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#loginNavbar {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.navbar .container-fluid {
|
.navbar .container-fluid {
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
/* Ensure container respects safe areas on all sides */
|
/* Ensure container respects safe areas on all sides */
|
||||||
@@ -183,6 +188,12 @@
|
|||||||
padding-right: max(env(safe-area-inset-right, 0), 12px);
|
padding-right: max(env(safe-area-inset-right, 0), 12px);
|
||||||
padding-bottom: env(safe-area-inset-bottom, 0);
|
padding-bottom: env(safe-area-inset-bottom, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#loginNavbar .container-fluid {
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 6px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -208,7 +219,7 @@
|
|||||||
max-width: min(75vw, 460px);
|
max-width: min(75vw, 460px);
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
filter: none;
|
filter: none;
|
||||||
margin-top: 20px;
|
margin-top: 6px;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -361,7 +372,7 @@
|
|||||||
#loginNavbar .invario-logo {
|
#loginNavbar .invario-logo {
|
||||||
height: 74px;
|
height: 74px;
|
||||||
max-width: 80vw;
|
max-width: 80vw;
|
||||||
margin-top: 20px;
|
margin-top: 4px;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user