usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-11-12 10:21:53 +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>
<div className="w-full max-w-6xl mx-auto flex flex-row justify-center items-start sm:px-4"> <div className="w-full max-w-6xl mx-auto flex flex-row justify-center items-start sm:px-4">
<Header /> <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 /> <Outlet />
</main> </main>
</div> </div>

25
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"> <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} /> <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="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 <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()} onClick={() => toggleShowDatePicker()}
> >
<Icon.Calendar className="w-5 h-auto mr-2" /> <Icon.Calendar className="w-5 h-auto mr-2" />
<span className="font-mono mt-0.5">{new Date(selectedDateStamp).toLocaleDateString()}</span> <span className="font-mono mt-0.5">{new Date(selectedDateStamp).toLocaleDateString()}</span>
</p> </p>
{selectedDateStamp !== currentDateStamp && (
<Button
variant="outlined"
startDecorator={<Icon.Undo2 className="w-5 h-auto" />}
onClick={() => setSelectedDateStamp(currentDateStamp)}
>
{"Back to today"}
</Button>
)}
<DatePicker <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 ${ 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" showDatePicker ? "" : "!hidden"
@ -115,22 +124,14 @@ const DailyReview = () => {
</div> </div>
))} ))}
<div className="w-full sm:mt-4"> {selectedDateStamp === currentDateStamp && (
{selectedDateStamp === currentDateStamp ? ( <div className="w-full pl-0 sm:pl-10 sm:mt-4">
<div className="w-full pl-0 sm:pl-10">
<MemoEditor className="!border" cacheKey="daily-review-editor" /> <MemoEditor className="!border" cacheKey="daily-review-editor" />
</div> </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> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
); );
}; };