usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-11-10 01:10:52 +08:00
Code Issues Projects Releases Packages Wiki Activity

chore: fix styles

Browse source
This commit is contained in:
Steven 2023-10-21 01:23:21 +08:00
parent c2ab05d422
commit 12fd8f34be
2 changed files with 17 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/layouts/Root.tsx
View file

@ -10,7 +10,7 @@ function Root() {
</div>
<div className="w-full max-w-6xl mx-auto flex flex-row justify-center items-start sm:px-4">
<Header />
<main className="w-full h-screen sm:max-w-[calc(100%-14rem)] flex-grow shrink flex flex-col justify-start items-start">
<main className="w-full min-h-screen sm:max-w-[calc(100%-14rem)] flex-grow shrink flex flex-col justify-start items-start">
<Outlet />
</main>
</div>

31
web/src/pages/DailyReview.tsx
View file

@ -68,14 +68,23 @@ const DailyReview = () => {
<section className="@container w-full max-w-3xl min-h-full flex flex-col justify-start items-center px-4 sm:px-2 sm:pt-4 pb-8 bg-zinc-100 dark:bg-zinc-800">
<MobileHeader showSearch={false} />
<div className="w-full shadow flex flex-col justify-start items-start px-4 py-3 rounded-xl bg-white dark:bg-zinc-700 text-black dark:text-gray-300">
<div className="relative w-full flex flex-row justify-between items-center">
<div className="relative w-full flex flex-row justify-start items-center">
<p
className="px-2 py-1 flex flex-row justify-start items-center cursor-pointer select-none rounded opacity-80 hover:bg-gray-100 dark:hover:bg-zinc-700"
className="px-2 py-1 mr-2 flex flex-row justify-start items-center cursor-pointer select-none rounded opacity-80 hover:bg-gray-100 dark:hover:bg-zinc-700"
onClick={() => toggleShowDatePicker()}
>
<Icon.Calendar className="w-5 h-auto mr-2" />
<span className="font-mono mt-0.5">{new Date(selectedDateStamp).toLocaleDateString()}</span>
</p>
{selectedDateStamp !== currentDateStamp && (
<Button
variant="outlined"
startDecorator={<Icon.Undo2 className="w-5 h-auto" />}
onClick={() => setSelectedDateStamp(currentDateStamp)}
>
{"Back to today"}
</Button>
)}
<DatePicker
className={`absolute top-8 mt-2 z-20 mx-auto border bg-white shadow dark:bg-zinc-800 dark:border-zinc-800 rounded-lg mb-6 ${
showDatePicker ? "" : "!hidden"
@ -115,19 +124,11 @@ const DailyReview = () => {
</div>
))}
<div className="w-full sm:mt-4">
{selectedDateStamp === currentDateStamp ? (
<div className="w-full pl-0 sm:pl-10">
<MemoEditor className="!border" cacheKey="daily-review-editor" />
</div>
) : (
<div className="w-full flex flex-row justify-center items-center">
<Button startDecorator={<Icon.Undo2 className="w-5 h-auto" />} onClick={() => setSelectedDateStamp(currentDateStamp)}>
{"Back to today"}
</Button>
</div>
)}
</div>
{selectedDateStamp === currentDateStamp && (
<div className="w-full pl-0 sm:pl-10 sm:mt-4">
<MemoEditor className="!border" cacheKey="daily-review-editor" />
</div>
)}
</div>
</div>
</div>