back-end done

assets/admin/sass/admin.scss

@@ -78,7 +78,7 @@
 }
 
 ////////////////////////////////////// variables
-$header: rgba(#784FAE, 1);
+$header: rgba(#1B407C, 1);
 $sidebar: rgba(#424242e3, 1);
 $headerLogoTextColor: #fff;
 $headerFontColor: #fff;
@@ -110,19 +110,25 @@ $panelBg: #fff;
   }
 
   .admin--content {
+    padding-top: 60px;
     height: calc(100vh - 55px);
     flex-basis: calc(100% - 300px);
     background: $bg;
     direction: rtl !important;
     text-align: right;
     overflow-y: auto;
+    position: relative;
 
-    .title {
-      //width: 100%;
+    .admin-title-bar {
+      width: calc(100vw - 285px);
       height: 55px;
       background: $titleBg;
       color: $titleColor;
       padding: 0 15px;
+      position: fixed;
+      top: 56px;
+      left: 15px;
+      z-index: 5;
 
       h2 {
         margin-left: auto;
@@ -131,6 +137,11 @@ $panelBg: #fff;
 
       button {
         margin-right: 10px;
+        color: $titleColor;
+
+        span {
+          color: $titleColor;
+        }
       }
 
       a {
@@ -138,7 +149,7 @@ $panelBg: #fff;
       }
     }
 
-    .panel {
+    .admin-panel {
       background: $panelBg;
       @include borderRadius(5px);
       @include boxShadow(0 2px 4px rgba(#000, 0.4));
@@ -190,6 +201,10 @@ $panelBg: #fff;
             margin-left: 10px;
           }
 
+          span {
+            color: $asideIcon;
+          }
+
           .badge {
             display: inline-block;
             width: 23px;
@@ -213,7 +228,7 @@ $panelBg: #fff;
       }
     }
 
-    .user {
+    .admin-user {
       padding: 20px 15px;
       color: $usernameColor;
 
@@ -223,7 +238,7 @@ $panelBg: #fff;
       }
     }
 
-    .language {
+    .admin-language {
       width: 100%;
 
       select {