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

[project/luci.git] / themes / luci-theme-rosy / luasrc / view / themes / rosy / header.htm

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>