feat(chat): expand empty input actions

2026-06-22 19:14:27 +08:00
parent e68cabdc54
commit cebc8f7443
6 changed files with 157 additions and 7 deletions
@@ -0,0 +1,50 @@
+.panel {
+  min-height: 170px;
+  padding: 24px 16px 20px;
+  border-top: 1px solid rgba(246, 87, 160, 0.14);
+  background: #fff1f4;
+}
+
+.voiceCard {
+  width: 142px;
+  min-height: 153px;
+  padding: 12px 12px 14px;
+  border: 1px solid rgba(30, 30, 30, 0.08);
+  border-radius: 18px;
+  background: #ffffff;
+  box-shadow: 0 1px 2px rgba(30, 30, 30, 0.03);
+  color: #1e1e1e;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.voiceCard:focus-visible {
+  outline: 2px solid var(--color-accent, #f84d96);
+  outline-offset: 3px;
+}
+
+.voiceIcon {
+  display: block;
+  width: 78px;
+  height: 78px;
+  object-fit: contain;
+}
+
+.voiceTitle,
+.voiceMinutes {
+  font-family: var(--font-athelas), Athelas, serif;
+  font-size: 14px;
+  line-height: 1.08;
+  text-align: center;
+}
+
+.voiceTitle {
+  margin-top: 8px;
+}
+
+.voiceMinutes {
+  color: var(--color-accent, #f84d96);
+}