usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2024-12-27 15:42:51 +08:00
Code Issues Projects Releases Packages Wiki Activity

chore: fix demo banner

Browse source
This commit is contained in:
Steven 2023-12-18 22:29:29 +08:00
parent d6656db20d
commit 61de7c8a32
3 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/DemoBanner.tsx
View file

@ -23,7 +23,7 @@ const DemoBanner: React.FC = () => {
if (!state.show) return null;
return (
<div className="z-10 flex flex-row items-center justify-center w-full py-2 text-sm sm:text-lg font-medium dark:text-gray-300 bg-white dark:bg-zinc-700 shadow">
<div className="mt-4 flex flex-row items-center justify-center w-full rounded-lg sm:rounded-full py-2 text-sm sm:text-lg font-medium dark:text-gray-300 bg-white dark:bg-zinc-700 shadow">
<div className="w-full max-w-6xl px-4 flex flex-row justify-between items-center gap-x-3">
<span>✨ A lightweight, self-hosted memo hub. Open Source and Free forever. ✨</span>
<a className="btn-primary shadow" href="https://usememos.com/docs/install/self-hosting" target="_blank">

9
web/src/css/global.css
View file

@ -1,8 +1,11 @@
html,
html {
@apply w-full h-full p-0 m-0;
}
body {
@apply text-base w-full min-h-full bg-zinc-100 dark:bg-zinc-800;
@apply text-base w-full min-h-full p-0 m-0 bg-zinc-100 dark:bg-zinc-800;
}
#root {
@apply w-full h-auto overflow-auto;
@apply w-full min-h-full overflow-auto;
}

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

@ -8,16 +8,16 @@ function Root() {
return (
<div className="w-full min-h-full">
<div className="w-full h-auto flex flex-col justify-start items-center">
<DemoBanner />
</div>
<div className="w-full sm:pl-56 mx-auto flex flex-row justify-center items-start">
{sm && (
<div className="hidden sm:block fixed top-0 left-0 w-56 border-r dark:border-zinc-800 h-full bg-zinc-50 dark:bg-zinc-700 dark:bg-opacity-40 transition-all hover:shadow-xl">
<Navigation />
</div>
)}
<main className="w-full sm:px-4 min-h-screen flex-grow shrink flex flex-col justify-start items-center">
<main className="w-full sm:px-4 h-auto flex-grow shrink flex flex-col justify-start items-center">
<div className="w-full px-4 h-auto flex flex-col justify-start items-center">
<DemoBanner />
</div>
<Outlet />
</main>
</div>