luci-theme-rosy: Modify the layout of the header and footer

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

diff --git a/themes/luci-theme-rosy/luasrc/view/themes/rosy/footer.htm b/themes/luci-theme-rosy/luasrc/view/themes/rosy/footer.htm
index 3795d37cb7ce0306a38687ffc0f5b271fe8eb361..f0cbe4e9689c3d5f089e12752f14b414160cd34c 100755 (executable)
--- a/themes/luci-theme-rosy/luasrc/view/themes/rosy/footer.htm
+++ b/themes/luci-theme-rosy/luasrc/view/themes/rosy/footer.htm
@@ -25,6 +25,8 @@
     local categories = disp.node_childs(tree)
 %>
 
+</div>
+</div>
 </div>
 <footer class="mobile-hide">
     <a href="https://github.com/openwrt/luci">Powered by<%= ver.luciname %> (<%= ver.luciversion %>)</a> /
@@ -37,8 +39,6 @@
     </ul>
     <% end %>
 </footer>
-</div>
-</div>
 
 <script>                                         
     var luciLocation = <%= luci.http.write_json(luci.dispatcher.context.path) %>;
@@ -47,4 +47,4 @@
 <script src="<%=media%>/js/script.js?v=git-18.247.71242-9541751"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>

diff --git a/themes/luci-theme-rosy/luasrc/view/themes/rosy/header.htm b/themes/luci-theme-rosy/luasrc/view/themes/rosy/header.htm
index 62a34c04b40eb5df7186639a4e60e0e6dda4430b..e7316770bfa60696f3b3019fec51114332eae094 100644 (file)
--- a/themes/luci-theme-rosy/luasrc/view/themes/rosy/header.htm
+++ b/themes/luci-theme-rosy/luasrc/view/themes/rosy/header.htm
@@ -273,11 +273,12 @@
                </div>
                <div class="main-right">
                        <div id="maincontent">
+                               <div class="logoImg">                                                       
+                                        <img class="mobile-hide" src="<%=media%>/logo.png" alt="Rosy">                                                                 
+                                        <img src="<%=media%>/mobile-loginBG.png" class="PC-hide">
+                                       <a class="brand" href="#"><%=boardinfo.hostname or "?"%></a>                             
+                                </div>
                                <div class="container">
-                                       <div class="logoImg">
-                                               <img src="<%=media%>/logo.png" alt="Rosy">
-                                               <a class="brand" href="#"><%=boardinfo.hostname or "?"%></a>
-                                       </div>
                                        <%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%>
                                        <div class="alert-message warning">
                                                <h4>