Increase trade calendar cell font sizes for readability.
This commit is contained in:
+21
-17
@@ -15,17 +15,17 @@
|
|||||||
border-radius:8px;padding:.35rem .65rem;cursor:pointer;font:inherit;font-size:.85rem;
|
border-radius:8px;padding:.35rem .65rem;cursor:pointer;font:inherit;font-size:.85rem;
|
||||||
}
|
}
|
||||||
.trade-cal-nav button:hover{border-color:var(--accent)}
|
.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{
|
.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{
|
.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{
|
.trade-cal-cell{
|
||||||
min-height:4.85rem;border:1px solid var(--card-border);border-radius:10px;
|
min-height:5.1rem;border:1px solid var(--card-border);border-radius:10px;
|
||||||
background:var(--card-inner);padding:.35rem .4rem;text-align:left;cursor:default;
|
background:var(--card-inner);padding:.42rem .48rem;text-align:left;cursor:default;
|
||||||
transition:border-color .2s,box-shadow .2s;
|
transition:border-color .2s,box-shadow .2s;
|
||||||
}
|
}
|
||||||
.trade-cal-cell.is-empty{background:transparent;border-color:transparent}
|
.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);
|
box-shadow:0 0 0 1px rgba(251,146,60,.35);
|
||||||
}
|
}
|
||||||
.trade-cal-day-head{
|
.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{
|
.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-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-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-profit{color:var(--profit)}
|
||||||
.trade-cal-pnl.is-loss{color:var(--loss)}
|
.trade-cal-pnl.is-loss{color:var(--loss)}
|
||||||
.trade-cal-emotion{
|
.trade-cal-emotion{
|
||||||
display:inline-block;margin-top:.12rem;padding:.05rem .28rem;border-radius:4px;
|
display:inline-block;margin-top:.14rem;padding:.06rem .32rem;border-radius:4px;
|
||||||
font-size:.58rem;font-weight:600;color:#fb923c;background:rgba(251,146,60,.15);
|
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{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--table-border)}
|
||||||
.trade-cal-day-detail-head{
|
.trade-cal-day-detail-head{
|
||||||
@@ -100,9 +100,13 @@
|
|||||||
max-width:100%;max-height:180px;border-radius:8px;border:1px solid var(--card-border);
|
max-width:100%;max-height:180px;border-radius:8px;border:1px solid var(--card-border);
|
||||||
}
|
}
|
||||||
@media (min-width:768px){
|
@media (min-width:768px){
|
||||||
.trade-cal-cell{min-height:5.35rem;padding:.45rem .5rem}
|
.trade-cal-cell{min-height:5.6rem;padding:.5rem .55rem}
|
||||||
.trade-cal-day-lunar{font-size:.62rem}
|
.trade-cal-day-solar{font-size:1.05rem}
|
||||||
.trade-cal-meta{font-size:.68rem}
|
.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>
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user