diff --git a/templates/calendar.html b/templates/calendar.html index e52c5cd..9da7795 100644 --- a/templates/calendar.html +++ b/templates/calendar.html @@ -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} } {% endblock %}