luci-theme-rosy: fix issue on header and footer compatibility

Signed-off-by: YanlanShen <yanlan.Shen@rosinson.com>

1 files changed, 15 insertions, 11 deletions

diff --git a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
index b8b97ea57..26a08be46 100644
--- a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
+++ b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
@@ -2268,6 +2268,10 @@ input[name="nslookup"] {
 	width: 1170px;
 }
 
+.login-info.node-main-login .main {
+	padding: 0 15px;
+}
+
 .login-info.node-main-login header {
 	display: block;
 }
@@ -2632,10 +2636,6 @@ input[name="nslookup"] {
 		font-size: .7rem;
 	}
 
-	#modal_overlay {
-		top: 3.5rem;
-	}
-
 	[data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table) {
 		display: block;
 	}
@@ -2653,7 +2653,7 @@ input[name="nslookup"] {
 
 @media screen and (max-width: 992px) {
 	.login-info.node-main-login header .container,
-	.login-info.node-main-login .main .container {
+	.login-info.node-main-login .main {
 		width: 970px;
 	}
 }
@@ -2721,6 +2721,10 @@ input[name="nslookup"] {
 		width: 30px;
 	}
 
+	.login-info.node-main-login header .showSide {
+		display: none;
+	}
+
 	.showSide::before {
 		content: '';
 		display: inline-block;
@@ -2931,14 +2935,18 @@ input[name="nslookup"] {
 	}
 
 	.login-info.node-main-login header .container,
-	.login-info.node-main-login .main .container {
+	.login-info.node-main-login .main {
 		width: 750px;
 	}
 }
 
 @media screen and (max-width: 768px) {
+	.login-info.node-main-login header {
+		padding: 0 15px;
+	}
+
 	.login-info.node-main-login header .container,
-	.login-info.node-main-login .main .container {
+	.login-info.node-main-login .main {
 		width: 100%;
 	}
 }
@@ -2959,10 +2967,6 @@ input[name="nslookup"] {
 		padding: 1rem;
 	}
 
-	.tabs {
-		margin: 0 -1rem;
-	}
-
 	.main-left .nav-container {
 		width: 70%;
 	}