style(studio): place Color Chrome sub-buttons on 1 single row and format chip labels bold with theme accent colors

2026-10-07 17:59:50 +07:00
parent da7a23bb4b
commit 347b66099a
5 changed files with 31 additions and 7 deletions
@@ -141,6 +141,30 @@
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
 }
+.chip-row.grid-3 {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 4px;
+  width: 100%;
+}
+.chip-row.grid-3 .chip {
+  justify-content: center;
+  text-align: center;
+  padding: 4px 2px;
+  font-size: 10px;
+  font-weight: 700;
+  white-space: nowrap;
+}
+.chip-label {
+  font-weight: 700;
+  letter-spacing: 0.02em;
+}
+.dev-box-title {
+  font-weight: 700;
+  color: var(--accent, #f59e0b);
+  letter-spacing: 0.05em;
+  font-size: 11px;
+}
 .chip-row.grid .chip {
  justify-content: center; text-align: center;
  /* Two of these share the column's width, so each is its own small card: the