correspondents

2025-10-15 00:20:54 +02:00
parent 3db221cce4
commit 5c8cd98aac
4 changed files with 742 additions and 7 deletions
@@ -430,6 +430,74 @@ button.icon-button.ghost:hover:not([disabled]) {
  gap: 0.4rem;
 }

+.correspondents-panel .header-actions {
+  gap: 0.5rem;
+}
+
+.correspondents-actions__form {
+  display: flex;
+  gap: 0.4rem;
+}
+
+.correspondents-actions__form input {
+  min-width: 14rem;
+}
+
+.correspondent-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+  margin-bottom: 0.5rem;
+}
+
+.correspondent-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  background: var(--surface-subtle);
+  border: 1px solid var(--border-subtle);
+  border-radius: 999px;
+  padding: 0.15rem 0.5rem;
+  font-size: 0.9rem;
+}
+
+.correspondent-pill__label {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.2;
+}
+
+.correspondent-pill__label strong {
+  font-size: 0.8rem;
+  text-transform: capitalize;
+  color: var(--muted);
+}
+
+.correspondent-pill__remove {
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-size: 1rem;
+  line-height: 1;
+  color: var(--muted);
+  padding: 0;
+}
+
+.correspondent-pill__remove:hover {
+  color: var(--danger);
+}
+
+.correspondent-form {
+  display: flex;
+  gap: 0.4rem;
+  align-items: center;
+}
+
+.correspondent-form input,
+.correspondent-form select {
+  min-height: 32px;
+}
+
 .preview-workspace__message {
  color: var(--muted);
  font-size: 0.95rem;