Styling update

apps/public-web/src/EShopOnAbp.PublicWeb/Pages/_ViewStart.cshtml

@@ -8,13 +8,3 @@
         <img src="/logo.png" style="height: 2.2rem" />
     </a>
 </div>
-<style>
-    .logo {
-        width: fit-content;
-        position: sticky;
-        top: 0;
-        z-index: 101;
-        padding-bottom: 2em;
-        margin-top: -5.2em;
-    }
-</style>

apps/public-web/src/EShopOnAbp.PublicWeb/Pages/index.css

@@ -1,14 +1,4 @@
-body {
+.product-list {
-    background-color: #f9f9f9;
-}
-
-a, a:hover, a:visited, a:active {
-    color: inherit;
-    text-decoration: none;
-    padding-bottom: 1em;
-}
-
-.product-list {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;

apps/public-web/src/EShopOnAbp.PublicWeb/wwwroot/global.css

@@ -1,5 +1,22 @@
-.lpx-content-container {
+/* hide sidebar */
+.lpx-sidebar-container {
+    z-index: 0;
+}
+
+.lpx-content-container {
     margin: 0 !important;
-    z-index: 1100 !important;
     position: relative !important;
 }
+
+.lpx-topbar-content {
+    padding-right: 1rem;
+}
+
+.logo {
+    width: fit-content;
+    position: sticky;
+    top: 0;
+    z-index: 101;
+    padding-bottom: 2em;
+    margin-top: -5.2em;
+}