fix: polish client templates docs dashboard and receipt display

2026-09-14 22:53:34 +08:00
parent 7f9abe3da0
commit 4665079ca3
22 changed files with 1305 additions and 762 deletions
@@ -0,0 +1,49 @@
+.client-templates-page .client-template-toolbar {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto auto;
+  align-items: center;
+  gap: var(--space-4);
+}
+
+.client-templates-page .client-template-content {
+  height: 132px;
+  overflow-y: auto;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.6;
+  color: var(--color-text-muted);
+}
+
+.client-templates-page .client-template-footer {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-3);
+  border-top: 1px solid var(--color-border);
+  padding-top: var(--space-4);
+  margin-top: auto;
+}
+
+.client-templates-page .client-template-footer > span {
+  font-size: 13px;
+  color: var(--color-text-muted);
+}
+
+.client-templates-page .client-template-footer > div {
+  display: flex;
+  gap: var(--space-2);
+}
+
+@media (width <= 700px) {
+  .client-templates-page .client-template-toolbar {
+    grid-template-columns: minmax(0, 1fr);
+    justify-items: start;
+  }
+
+  .client-templates-page .client-template-toolbar > .ui-field {
+    width: 100%;
+  }
+}