more responsive design adjustments

2020-05-09 12:16:39 -04:00
parent 043f8d07de
commit f6f895b516
7 changed files with 29 additions and 12 deletions
--- a/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.BlazorTheme/Theme.css
+++ b/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.BlazorTheme/Theme.css
@ -37,6 +37,10 @@
        top: -2px;
    }

+.app-menu {
+    width: 100%
+}
+
 .breadcrumb {
    margin-bottom: 0;
 }
@ -159,7 +163,7 @@
    }
 }

-@media (max-width: 767px) {
+@media (max-width: 767px) {    
    .breadcrumbs {
        position: fixed;
        top: 150px;
--- a/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/Theme.css
+++ b/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/Theme.css
@ -47,6 +47,11 @@ body {
 }

@media (max-width: 767px) {
+
+    .app-menu {
+        width: 100%
+    }
+
    .navbar {
        position: fixed;
        top: 60px;
@ -67,8 +72,8 @@ body {
        margin-right: 25px;
    }

-    .container {
+    .content {
        position: relative;
-        top: 30px;
+        top: 60px;
    }
 }