mirror of
https://github.com/khoj-ai/khoj.git
synced 2024-12-21 20:07:45 +00:00
Improve padding for space, esp in mobile
This commit is contained in:
parent
142239d2c9
commit
0f8b055b42
1 changed files with 4 additions and 6 deletions
|
@ -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"
|
||||||
|
|
Loading…
Reference in a new issue