Match-id-87c94fc4d1a59f0d468ba391f244eb3e6783516b

libs/extension/src/panel/App.less

@@ -0,0 +1,48 @@
+@import '../components/assets.less';
+
+.app{
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  font-size: @common-font-size;
+}
+
+.left{
+  flex: 7;
+  display: flex;
+  flex-direction: column;
+  .left_top {
+    border-bottom: @divider-style;
+    flex: 0 0 @top-height;
+    display: flex;
+    align-items: center;
+    .select {
+      padding: 0 0.25rem 0 0.25rem;
+      flex: 0 0;
+    }
+    .divider {
+      flex: 0 0 1px;
+      margin: 0 0.25rem 0 0.25rem;
+      border-left: @divider-style;
+      height: calc(100% - 1rem);
+    }
+    .search {
+      flex: 1 1 0;
+    }
+  }
+  .left_bottom {
+    flex: 1;    
+    height: 0;
+  }
+}
+
+.right{
+  flex: 3;
+  border-left: @divider-style;
+}
+
+input{
+  outline: none;
+  border-width: 0;
+  padding: 0;
+}