feat: integrate platform backend and application interfaces

admin/src/layouts/components/Header/HeaderIcon.module.less

@@ -12,23 +12,39 @@
   }
 }
 .menuIcon {
-  width: 30px !important;
-  height: 30px !important;
+  width: 40px !important;
+  height: 40px !important;
+}
+.menuIcon > svg {
+  width: 24px !important;
+  height: 24px !important;
 }
 .dropItem {
   display: flex;
   align-items: center;
+  min-height: 28px;
+  svg {
+    width: 24px;
+    height: 24px;
+    flex: 0 0 auto;
+  }
   span {
     margin-left: 8px;
   }
 }
 .dropdown {
+  min-width: 40px;
+  height: 40px !important;
   padding-left: 0;
   padding-right: 0;
+  justify-content: flex-start;
+  text-align: left;
   .icon {
-    font-size: 20px;
+    width: 24px;
+    height: 24px;
     display: inline-block;
-    margin: 0 5px;
+    flex: 0 0 auto;
+    margin: 0 4px;
   }
   :global {
     .t-button--variant-text {
@@ -38,17 +54,27 @@
     .t-button__text {
       display: flex;
       align-items: center;
+      justify-content: flex-start;
+      text-align: left;
     }
     .t-dropdown__item {
       max-width: none !important;
-      width: 117px;
+      width: 136px;
       &-text {
         display: flex;
         align-items: center;
       }
-      .t-icon {
-        margin-right: 8px;
-      }
     }
   }
 }
+
+@media (max-width: 600px) {
+  .text {
+    display: none;
+  }
+
+  .dropdown .icon {
+    margin-left: 2px;
+    margin-right: 2px;
+  }
+}