From afce5437fa2bab4740df7d63ab17e582122a11b2 Mon Sep 17 00:00:00 2001
From: Galip Tolga Erdem <galiperdem@gmail.com>
Date: Tue, 20 Feb 2024 00:53:55 -0500
Subject: [PATCH] Styling update

---
 .../Pages/_ViewStart.cshtml                   | 10 ---------
 .../src/EShopOnAbp.PublicWeb/Pages/index.css  | 12 +----------
 .../EShopOnAbp.PublicWeb/wwwroot/global.css   | 21 +++++++++++++++++--
 3 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/apps/public-web/src/EShopOnAbp.PublicWeb/Pages/_ViewStart.cshtml b/apps/public-web/src/EShopOnAbp.PublicWeb/Pages/_ViewStart.cshtml
index a1ac2988..8382ec3f 100644
--- a/apps/public-web/src/EShopOnAbp.PublicWeb/Pages/_ViewStart.cshtml
+++ b/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>
diff --git a/apps/public-web/src/EShopOnAbp.PublicWeb/Pages/index.css b/apps/public-web/src/EShopOnAbp.PublicWeb/Pages/index.css
index 901524dd..f52dd896 100644
--- a/apps/public-web/src/EShopOnAbp.PublicWeb/Pages/index.css
+++ b/apps/public-web/src/EShopOnAbp.PublicWeb/Pages/index.css
@@ -1,14 +1,4 @@
-body {
-    background-color: #f9f9f9;
-}
-
-a, a:hover, a:visited, a:active {
-    color: inherit;
-    text-decoration: none;
-    padding-bottom: 1em;
-}
-
-.product-list {
+.product-list {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
diff --git a/apps/public-web/src/EShopOnAbp.PublicWeb/wwwroot/global.css b/apps/public-web/src/EShopOnAbp.PublicWeb/wwwroot/global.css
index 6dc46ff7..6bfaa57e 100644
--- a/apps/public-web/src/EShopOnAbp.PublicWeb/wwwroot/global.css
+++ b/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;
+}
\ No newline at end of file