add poem card

2025-08-12 18:53:57 +08:00
parent 58f4fa9962
commit e92e8edbf9
5 changed files with 90 additions and 2 deletions
--- a/themes/butterfly/source/css/poem.css
+++ b/themes/butterfly/source/css/poem.css
@@ -0,0 +1,45 @@
+[data-theme=light] {
+  --fontcolor: #363636;
+  --text: rgba(60, 60, 67, 0.6);
+  --btn-bg: #edf0f7;
+  --bg: #edf0f7;
+}
+
+[data-theme=dark] {
+  --fontcolor: #F7F7FA;
+  --text: #a1a2b8;
+  --btn-bg: #30343f;
+  --bg: #30343f;
+}
+div#poem_sentence{
+  text-align: center;
+  font-family: serif,cursive;
+  line-height: 1.4;
+  margin-bottom: 0.5rem;
+  padding: 1rem;
+  border-radius: 12px;
+  background: var(--bg);
+  min-height: 62px;
+}
+
+div#poem_info{
+  display: flex;
+  color: var(--text);
+  font-size: 0.5rem;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+div#poem_author{
+  order: 1;
+  padding: 2px;
+  margin-left: 8px;
+}
+
+div#poem_dynasty{
+  order: 0;
+  padding: 2px 4px 2px 6px;
+  background: var(-btn-bg);
+  color: var(--fontcolor);
+  border-radius: 8px;
+}