dekun/qihuo
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Increase trade calendar cell font sizes for readability.

Browse Source
This commit is contained in:
dekun
2026-06-30 12:11:57 +08:00
parent 726ed7adef
commit e5f264b774
1 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/calendar.html
+21 -17
View File
@@ -15,17 +15,17 @@
border-radius:8px;padding:.35rem .65rem;cursor:pointer;font:inherit;font-size:.85rem;
}
.trade-cal-nav button:hover{border-color:var(--accent)}
.trade-cal-title{font-size:.95rem;font-weight:600;color:var(--text-title);min-width:10rem;text-align:center;line-height:1.35}
.trade-cal-title{font-size:1rem;font-weight:600;color:var(--text-title);min-width:10rem;text-align:center;line-height:1.35}
.trade-cal-weekdays{
display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;margin-bottom:.35rem;
display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;margin-bottom:.4rem;
}
.trade-cal-weekdays span{
text-align:center;font-size:.68rem;color:var(--text-muted);padding:.15rem 0;
text-align:center;font-size:.78rem;color:var(--text-muted);padding:.2rem 0;
}
.trade-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}
.trade-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}
.trade-cal-cell{
min-height:4.85rem;border:1px solid var(--card-border);border-radius:10px;
background:var(--card-inner);padding:.35rem .4rem;text-align:left;cursor:default;
min-height:5.1rem;border:1px solid var(--card-border);border-radius:10px;
background:var(--card-inner);padding:.42rem .48rem;text-align:left;cursor:default;
transition:border-color .2s,box-shadow .2s;
}
.trade-cal-cell.is-empty{background:transparent;border-color:transparent}
@@ -44,22 +44,22 @@
box-shadow:0 0 0 1px rgba(251,146,60,.35);
}
.trade-cal-day-head{
display:flex;align-items:baseline;justify-content:space-between;gap:.25rem;line-height:1.2;
display:flex;align-items:baseline;justify-content:space-between;gap:.3rem;line-height:1.25;
}
.trade-cal-day-solar{font-size:.78rem;font-weight:600;color:var(--text-title)}
.trade-cal-day-solar{font-size:.95rem;font-weight:600;color:var(--text-title)}
.trade-cal-day-lunar{
font-size:.58rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;
font-size:.72rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;
}
.trade-cal-day-lunar.is-month-start{color:#c4a35a;font-weight:600}
.trade-cal-day-lunar.is-month-start{color:#c4a35a;font-weight:600;font-size:.74rem}
.trade-cal-cell.is-today .trade-cal-day-lunar{color:var(--accent);opacity:.85}
.trade-cal-meta{margin-top:.2rem;font-size:.62rem;line-height:1.35;color:var(--text-muted)}
.trade-cal-meta{margin-top:.25rem;font-size:.72rem;line-height:1.4;color:var(--text-muted)}
.trade-cal-count{font-variant-numeric:tabular-nums}
.trade-cal-pnl{font-weight:600;font-variant-numeric:tabular-nums;margin-top:.08rem}
.trade-cal-pnl{font-weight:600;font-size:.76rem;font-variant-numeric:tabular-nums;margin-top:.1rem}
.trade-cal-pnl.is-profit{color:var(--profit)}
.trade-cal-pnl.is-loss{color:var(--loss)}
.trade-cal-emotion{
display:inline-block;margin-top:.12rem;padding:.05rem .28rem;border-radius:4px;
font-size:.58rem;font-weight:600;color:#fb923c;background:rgba(251,146,60,.15);
display:inline-block;margin-top:.14rem;padding:.06rem .32rem;border-radius:4px;
font-size:.65rem;font-weight:600;color:#fb923c;background:rgba(251,146,60,.15);
}
.trade-cal-day-detail{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--table-border)}
.trade-cal-day-detail-head{
@@ -100,9 +100,13 @@
max-width:100%;max-height:180px;border-radius:8px;border:1px solid var(--card-border);
}
@media (min-width:768px){
.trade-cal-cell{min-height:5.35rem;padding:.45rem .5rem}
.trade-cal-day-lunar{font-size:.62rem}
.trade-cal-meta{font-size:.68rem}
.trade-cal-cell{min-height:5.6rem;padding:.5rem .55rem}
.trade-cal-day-solar{font-size:1.05rem}
.trade-cal-day-lunar{font-size:.78rem}
.trade-cal-day-lunar.is-month-start{font-size:.8rem}
.trade-cal-meta{font-size:.76rem}
.trade-cal-pnl{font-size:.8rem}
.trade-cal-weekdays span{font-size:.82rem}
}
</style>
{% endblock %}