From 18b5c66ec681d743801f69157f600d1e34a1f0fd Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Fri, 24 Jan 2020 13:46:56 +0300
Subject: [PATCH] feat(admin-plugin): update styles #211

---
 .../assets/src/components/navigations.css     | 44 +++++++++++++++++++
 site/plugins/admin/assets/src/content.css     | 37 ----------------
 2 files changed, 44 insertions(+), 37 deletions(-)

diff --git a/site/plugins/admin/assets/src/components/navigations.css b/site/plugins/admin/assets/src/components/navigations.css
index 56fa65d6..91290e31 100644
--- a/site/plugins/admin/assets/src/components/navigations.css
+++ b/site/plugins/admin/assets/src/components/navigations.css
@@ -28,3 +28,47 @@
     height: var(--box-size);
     @apply font-bold;
 }
+
+.navigation-top-primary
+{
+    @apply bg-black text-gray-100;
+}
+
+.navigation-top-primary:after
+{
+    display: table;
+    clear: both;
+
+    content: '';
+}
+
+.navigation-top-primary__item
+{
+    padding: 11.5px 20px;
+    @apply table-cell;
+}
+
+.navigation-top-primary__item--active,
+.navigation-top-primary__item:hover
+{
+    background: rgba(255, 255, 255, .13);
+
+    @apply opacity-100;
+}
+
+.navigation-top-secondary
+{
+    min-height: var(--box-size);
+    padding: 11.5px 20px;
+
+    background: #f7f7f7;
+}
+
+.navigation-top-secondary__icon
+{
+    display: inline-block;
+
+    width: 24px;
+
+    text-align: center;
+}
diff --git a/site/plugins/admin/assets/src/content.css b/site/plugins/admin/assets/src/content.css
index 328ad138..a732a49a 100644
--- a/site/plugins/admin/assets/src/content.css
+++ b/site/plugins/admin/assets/src/content.css
@@ -27,40 +27,3 @@
     padding: 10px 20px;
     padding-top: 96px;
 }
-
-.content .top-bar
-{
-    color: rgba(255, 255, 255, .7);
-    background: black;
-}
-
-.content .top-bar a
-{
-    display: table-cell;
-
-    padding: 11.5px 20px;
-}
-
-.content .top-bar a.active,
-.content .top-bar a:hover
-{
-    opacity: 1;
-    background: rgba(255, 255, 255, .13);
-}
-
-.content .path-bar
-{
-    min-height: var(--box-size);
-    padding: 11.5px 20px;
-
-    background: #f7f7f7;
-}
-
-.content .path-bar .icon
-{
-    display: inline-block;
-
-    width: 24px;
-
-    text-align: center;
-}