YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: fix container height

Browse Source
This commit is contained in:
Steven
2023-12-18 23:01:39 +08:00
parent 61de7c8a32
commit 40bc8df63d
6 changed files with 6 additions and 10 deletions
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; if (!state.show) return null;
return ( return (
<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="mt-4 flex flex-row items-center justify-center w-full rounded-lg 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"> <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> <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"> <a className="btn-primary shadow" href="https://usememos.com/docs/install/self-hosting" target="_blank">

6
web/src/css/global.css
View File

@ -1,11 +1,7 @@
html {
@apply w-full h-full p-0 m-0;
}
body { body {
@apply text-base w-full min-h-full p-0 m-0 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 { #root {
@apply w-full min-h-full overflow-auto; @apply relative w-full min-h-full;
} }

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

@ -15,7 +15,7 @@ function Root() {
</div> </div>
)} )}
<main className="w-full sm:px-4 h-auto 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"> <div className="w-full px-4 sm:px-2 h-auto flex flex-col justify-start items-center">
<DemoBanner /> <DemoBanner />
</div> </div>
<Outlet /> <Outlet />

2
web/src/pages/Loading.tsx
View File

@ -2,7 +2,7 @@ import Icon from "@/components/Icon";
function Loading() { function Loading() {
return ( return (
<div className="flex flex-row justify-center items-center w-full h-full"> <div className="fixed w-full h-full flex flex-row justify-center items-center">
<div className="w-80 max-w-full h-full py-4 flex flex-col justify-center items-center"> <div className="w-80 max-w-full h-full py-4 flex flex-col justify-center items-center">
<Icon.Loader className="animate-spin dark:text-gray-200" /> <Icon.Loader className="animate-spin dark:text-gray-200" />
</div> </div>

2
web/src/pages/SignIn.tsx
View File

@ -105,7 +105,7 @@ const SignIn = () => {
return ( return (
<div className="flex flex-row justify-center items-center w-full h-full dark:bg-zinc-800"> <div className="flex flex-row justify-center items-center w-full h-full dark:bg-zinc-800">
<div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center"> <div className="w-80 max-w-full h-full min-h-screen py-4 flex flex-col justify-start items-center">
<div className="w-full py-4 grow flex flex-col justify-center items-center"> <div className="w-full py-4 grow flex flex-col justify-center items-center">
<div className="w-full flex flex-row justify-center items-center mb-6"> <div className="w-full flex flex-row justify-center items-center mb-6">
<img className="h-14 w-auto rounded-full shadow" src={systemStatus.customizedProfile.logoUrl} alt="" /> <img className="h-14 w-auto rounded-full shadow" src={systemStatus.customizedProfile.logoUrl} alt="" />

2
web/src/pages/SignUp.tsx
View File

@ -71,7 +71,7 @@ const SignUp = () => {
return ( return (
<div className="flex flex-row justify-center items-center w-full h-full dark:bg-zinc-800"> <div className="flex flex-row justify-center items-center w-full h-full dark:bg-zinc-800">
<div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center"> <div className="w-80 max-w-full h-full min-h-screen py-4 flex flex-col justify-start items-center">
<div className="w-full py-4 grow flex flex-col justify-center items-center"> <div className="w-full py-4 grow flex flex-col justify-center items-center">
<div className="w-full flex flex-row justify-center items-center mb-6"> <div className="w-full flex flex-row justify-center items-center mb-6">
<img className="h-14 w-auto rounded-full shadow" src={systemStatus.customizedProfile.logoUrl} alt="" /> <img className="h-14 w-auto rounded-full shadow" src={systemStatus.customizedProfile.logoUrl} alt="" />