klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-09 21:29:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve padding for space, esp in mobile

Browse Source
This commit is contained in:
sabaimran
2024-12-11 18:22:48 -08:00
parent 142239d2c9
commit 0f8b055b42
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/interface/web/app/components/loginPrompt/loginPrompt.tsx
View File

@@ -147,9 +147,7 @@ export default function LoginPrompt(props: LoginPromptProps) {
if (props.isMobileWidth) { if (props.isMobileWidth) {
return ( return (
<Drawer open={true} onOpenChange={props.onOpenChange}> <Drawer open={true} onOpenChange={props.onOpenChange}>
<DrawerContent <DrawerContent className={`flex flex-col gap-4 max-w-xl`}>
className={`flex flex-col gap-4 max-w-xl ${!useEmailSignIn ? "p-0 pb-4 m-0" : ""}`}
>
<div> <div>
{useEmailSignIn && ( {useEmailSignIn && (
<EmailSignInContext <EmailSignInContext
@@ -238,7 +236,7 @@ function EmailSignInContext({
handleMagicLinkSignIn: () => void; handleMagicLinkSignIn: () => void;
}) { }) {
return ( return (
<div className="flex flex-col gap-4 py-4"> <div className="flex flex-col gap-4 p-4">
<Button <Button
variant="ghost" variant="ghost"
className="w-fit p-0 m-0 flex gap-2 items-center justify-center text-sm absolute top-5 left-5" className="w-fit p-0 m-0 flex gap-2 items-center justify-center text-sm absolute top-5 left-5"
@@ -328,7 +326,7 @@ function MainSignInContext({
setUseEmailSignIn: (useEmailSignIn: boolean) => void; setUseEmailSignIn: (useEmailSignIn: boolean) => void;
}) { }) {
return ( return (
<div> <div className="flex flex-col gap-4 p-4">
<div className="relative w-full h-80 overflow-hidden rounded-t-lg"> <div className="relative w-full h-80 overflow-hidden rounded-t-lg">
{tips.map((tip, index) => ( {tips.map((tip, index) => (
<img <img
@@ -362,7 +360,7 @@ function MainSignInContext({
</div> </div>
<div className="flex flex-col gap-4 py-4 text-center align-middle items-center"> <div className="flex flex-col gap-4 py-4 text-center align-middle items-center">
<GoogleSignIn onLoad={handleGoogleScriptLoad} /> <GoogleSignIn onLoad={handleGoogleScriptLoad} />
{/* <div id="g_id_signin" /> */} <div id="g_id_signin" />
<Button <Button
variant="outline" variant="outline"
className="w-[300px] p-6 flex gap-2 items-center justify-center" className="w-[300px] p-6 flex gap-2 items-center justify-center"