init

src/panels/static/style/default/index.css

@@ -0,0 +1,115 @@
+.wrapper {
+  display: flex;
+  background-color: #2b2b2b;
+  max-height: calc(100vh - 26px);
+  font-size: 12px;
+  color: #cccccc;
+  font-family: BlinkMacSystemFont, "PingFang SC", system-ui, -apple-system, Helvetica Neue, Helvetica, sans-serif;
+}
+
+ui-prop:not([no-label]) {
+  padding: 4px 4px 0 4px;
+}
+
+ui-prop[no-label] {
+  padding: 0px 4px 0 4px;
+}
+
+.right {
+  width: 280px;
+  border-left: 1px solid #050505;
+  flex-shrink: 0;
+}
+
+.node-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.left {
+  position: relative;
+  overflow: scroll;
+}
+
+.fix-left {
+  position: fixed;
+  left: 13px;
+  top: 34px;
+  z-index: 1;
+  display: flex;
+}
+
+.fix-right {
+  position: fixed;
+  right: 300px;
+  top: 34px;
+  z-index: 1;
+  display: flex;
+}
+
+.asset {
+}
+
+.log {
+  color: #e8b116;
+  min-width: 200px;
+  max-width: 500px;
+  font-weight: bold;
+}
+
+.log div {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.flex {
+  display: flex;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.gap-6 {
+  gap: 6px;
+}
+.gap-4 {
+  gap: 4px;
+}
+.gap-2 {
+  gap: 2px;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.w-3333 {
+  width: 33.333333%;
+}
+
+.w-100 {
+  width: 100%;
+}
+
+.mt-4 {
+  margin-top: 4px;
+}
+
+.mr-6 {
+  margin-right: 6px;
+}
+
+.grow {
+  flex-grow: 1;
+}
+
+.flex-1 {
+  flex: 1 1 0%;
+}