jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

记一下弹窗加厚：日期孕周 + 今天进度卡 + 先记这件 + 宫格已用打勾 (v26100166)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-02 06:39:35 +00:00
parent acc8301b20
commit d75d7b7023
3 changed files with 103 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
mama-box.css
View File

@@ -3747,3 +3747,38 @@ a.skip:focus{left:16px;top:16px}
.whl .whp-hug{height:26px;padding:0 10px;font-size:12px}
@media (prefers-reduced-motion:reduce){.whs-star i,.whs-star.on::after,.whf-q.in{animation:none!important}}
.whf-nav button{display:grid;place-items:center;padding:0;line-height:1}
/* ================= 「记一下」弹窗加厚（2026-10-02）=================
用户：「点记一下那个弹窗……现在有点单薄」。标题下加日期孕周；宫格上面加「今天卡」和「先记这件」两张大卡。 */
.sheet-head p.sk-sub{margin-top:6px;font-size:13px;color:#9C8F88;letter-spacing:.2px}
.sk-today{display:flex;align-items:center;gap:14px;margin:0 4px;padding:14px 16px;border-radius:20px;
background:linear-gradient(120deg,#FFF3EC,#FDEEF0);box-shadow:inset 0 0 0 1px #F6E2DA}
.sk-today.hide,.sk-next.hide{display:none}
.sk-ring{position:relative;flex:none;width:52px;height:52px}
.sk-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.sk-ring circle{fill:none;stroke:#F6DED5;stroke-width:4.5}
.sk-ring .sk-arc{stroke:#E8836B;stroke-linecap:round;stroke-dasharray:0 113.1;transition:stroke-dasharray .8s var(--ease)}
.sk-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.sk-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.sk-tt>b{font-size:15.5px;font-weight:700;color:var(--ink)}
.sk-tt>span{display:flex;flex-wrap:wrap;gap:5px;font-size:12px;color:#9C8F88;line-height:1.5}
.sk-tt>span i{font-style:normal;font-size:11.5px;font-weight:600;color:#B0604C;background:#fff;padding:2px 8px 2px 18px;border-radius:99px;position:relative}
.sk-tt>span i::before{content:"";position:absolute;left:7px;top:50%;width:6px;height:3px;margin-top:-3px;border:solid #E8836B;border-width:0 0 1.6px 1.6px;transform:rotate(-45deg)}
.sk-next .apps-head{margin-top:20px;margin-bottom:10px}
.sk-hint{margin-left:8px;font-size:12px;font-weight:500;color:#B7A69C}
.sk-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 4px}
.sk-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:128px;padding:14px 14px 12px;border-radius:20px;text-align:left;
background:#fff;box-shadow:0 6px 18px rgba(120,80,60,.07),inset 0 0 0 1px #F1E6DF;overflow:hidden}
.sk-card.c0{background:linear-gradient(160deg,#FFF6F0,#fff 70%)}
.sk-card.c1{background:linear-gradient(160deg,#F3F6FF,#fff 70%)}
.sk-card img,.sk-card .sk-l{width:38px;height:38px;border-radius:12px;object-fit:contain;margin-bottom:6px}
.sk-card .sk-l{display:grid;place-items:center;background:#F4E5DE;color:#B0604C;font-weight:800}
.sk-card b{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.3}
.sk-card em{font-style:normal;font-size:11.5px;line-height:1.45;color:#9C8F88;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk-go{margin-top:auto;padding-top:8px;font-size:12px;font-weight:700;color:#C2614A}
.sk-card:active{transform:scale(.98)}
/* 宫格：今天用过的打个小勾 */
.apps-grid .app{position:relative}
.apps-grid .app.is-done::after{content:"";position:absolute;top:-3px;right:calc(50% - 33px);width:18px;height:18px;border-radius:50%;
background:#5BB58A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 0 0 2px #FAF5F1}
.apps-head.for-all{margin-top:22px}