v0.15.10

web/css/styles.css

@@ -10416,3 +10416,50 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
 .flow-natural-preview .flow-preview-runtime span {
   white-space: normal;
 }
+
+
+.flow-shortcut-dialog {
+  width: min(680px, calc(100vw - 28px));
+}
+
+.flow-shortcut-grid {
+  display: grid;
+  gap: 8px;
+  margin-top: 14px;
+}
+
+.flow-shortcut-grid > div {
+  display: grid;
+  grid-template-columns: minmax(0, auto) 1fr;
+  align-items: center;
+  gap: 8px;
+  min-height: 34px;
+  padding: 6px 0;
+  border-bottom: 1px solid var(--line);
+}
+
+.flow-shortcut-keys {
+  grid-column: 1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.flow-shortcut-grid > div > span:last-child {
+  grid-column: 2;
+}
+
+.flow-shortcut-grid kbd {
+  display: inline-block;
+  min-width: 34px;
+  padding: 4px 7px;
+  border: 1px solid var(--line-strong, var(--line));
+  border-radius: 6px;
+  background: var(--surface-2);
+  box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
+  font: inherit;
+  font-size: .78rem;
+  font-weight: 700;
+  text-align: center;
+  white-space: nowrap;
+}