diff --git a/daily_report/static/report-hero.png b/daily_report/static/report-hero.png deleted file mode 100644 index 0560770..0000000 Binary files a/daily_report/static/report-hero.png and /dev/null differ diff --git a/daily_report/static/report-illust-bath.png b/daily_report/static/report-illust-bath.png new file mode 100644 index 0000000..fae4db6 Binary files /dev/null and b/daily_report/static/report-illust-bath.png differ diff --git a/daily_report/static/report-illust-bed.png b/daily_report/static/report-illust-bed.png new file mode 100644 index 0000000..6b7ed68 Binary files /dev/null and b/daily_report/static/report-illust-bed.png differ diff --git a/daily_report/static/report-illust-work.png b/daily_report/static/report-illust-work.png new file mode 100644 index 0000000..56d72a2 Binary files /dev/null and b/daily_report/static/report-illust-work.png differ diff --git a/daily_report/static/styles.css b/daily_report/static/styles.css index 8776021..155f8a8 100644 --- a/daily_report/static/styles.css +++ b/daily_report/static/styles.css @@ -21,13 +21,13 @@ p { color: #5b6472; } padding: 16px; } .submit-hero { - min-height: 178px; + min-height: 220px; display: grid; - grid-template-columns: minmax(0, 1fr) 230px; - gap: 20px; + grid-template-columns: minmax(0, 1fr) 330px; + gap: 24px; align-items: center; margin-bottom: 18px; - padding: 24px 28px; + padding: 22px 24px 22px 28px; border: 1px solid #f3d49a; border-radius: 18px; background: @@ -55,11 +55,39 @@ p { color: #5b6472; } max-width: 420px; margin: 0; } -.submit-hero-image { - width: 230px; - max-width: 100%; +.submit-hero-art { + position: relative; + min-height: 178px; +} +.submit-hero-art img { + display: block; + object-fit: contain; + background: rgba(255, 255, 255, 0.72); + border: 1px solid rgba(255, 255, 255, 0.88); + box-shadow: 0 12px 24px rgba(31, 41, 55, 0.12); +} +.hero-art-main { + width: 218px; + height: 218px; + margin-left: auto; justify-self: end; - filter: drop-shadow(0 12px 16px rgba(31, 41, 55, 0.14)); + border-radius: 24px; +} +.hero-art-small { + position: absolute; + width: 92px; + height: 92px; + border-radius: 20px; +} +.hero-art-bed { + left: 16px; + top: 12px; + transform: rotate(-6deg); +} +.hero-art-bath { + left: 44px; + bottom: 4px; + transform: rotate(5deg); } form.panel, .history-panel, .previous-plan { box-shadow: 0 14px 34px rgba(39, 45, 58, 0.06); @@ -231,8 +259,17 @@ pre { grid-template-columns: 1fr; padding: 20px; } - .submit-hero-image { - width: 180px; + .submit-hero-art { + width: min(330px, 100%); + min-height: 180px; justify-self: center; } + .hero-art-main { + width: 190px; + height: 190px; + } + .hero-art-small { + width: 76px; + height: 76px; + } } diff --git a/daily_report/web.py b/daily_report/web.py index 1d66748..23abfac 100644 --- a/daily_report/web.py +++ b/daily_report/web.py @@ -66,7 +66,11 @@ def submit_page(current_date: str, session: dict[str, str] | None = None) -> byt
把今天的进展、明天的计划和需要协助的地方简单记下来。
-
+