mirror of
https://github.com/luminous-devs/lume.git
synced 2024-10-01 09:21:07 +00:00
fix: minor improves
This commit is contained in:
parent
0539c5649d
commit
21989e6fa5
@ -36,7 +36,9 @@ export function CreateAccountScreen() {
|
|||||||
onClick={() => setMethod("self")}
|
onClick={() => setMethod("self")}
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex flex-col items-start px-4 py-3.5 bg-neutral-900 rounded-xl hover:bg-neutral-800",
|
"flex flex-col items-start px-4 py-3.5 bg-neutral-900 rounded-xl hover:bg-neutral-800",
|
||||||
method === "self" ? "ring-1 ring-teal-500" : "",
|
method === "self"
|
||||||
|
? "ring-1 ring-offset-4 ring-offset-black ring-blue-500"
|
||||||
|
: "",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="font-semibold">{t("signup.selfManageMethod")}</p>
|
<p className="font-semibold">{t("signup.selfManageMethod")}</p>
|
||||||
@ -49,14 +51,22 @@ export function CreateAccountScreen() {
|
|||||||
onClick={() => setMethod("managed")}
|
onClick={() => setMethod("managed")}
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex flex-col items-start px-4 py-3.5 bg-neutral-900 rounded-xl hover:bg-neutral-800",
|
"flex flex-col items-start px-4 py-3.5 bg-neutral-900 rounded-xl hover:bg-neutral-800",
|
||||||
method === "managed" ? "ring-1 ring-teal-500" : "",
|
method === "managed"
|
||||||
|
? "ring-1 ring-offset-4 ring-offset-black ring-blue-500"
|
||||||
|
: "",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
<div className="inline-flex items-center gap-2">
|
||||||
<p className="font-semibold">{t("signup.providerMethod")}</p>
|
<p className="font-semibold">{t("signup.providerMethod")}</p>
|
||||||
|
<span className="text-xs font-medium px-2.5 py-0.5 rounded-full bg-gradient-to-tr from-blue-300 via-sky-500 to-teal-200">
|
||||||
|
Beta
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
<p className="text-sm font-medium text-neutral-500">
|
<p className="text-sm font-medium text-neutral-500">
|
||||||
{t("signup.providerMethodDescription")}
|
{t("signup.providerMethodDescription")}
|
||||||
</p>
|
</p>
|
||||||
</button>
|
</button>
|
||||||
|
<div className="flex flex-col gap-3">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={next}
|
onClick={next}
|
||||||
@ -68,6 +78,30 @@ export function CreateAccountScreen() {
|
|||||||
t("global.continue")
|
t("global.continue")
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
|
{method === "managed" ? (
|
||||||
|
<div className="flex flex-col gap-1 text-sm text-neutral-500">
|
||||||
|
<p className="text-sm font-semibold text-neutral-300">
|
||||||
|
Attention:
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
You're chosing Managed by Provider, this feature still in
|
||||||
|
"Beta".
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Some functions still missing or not work as expected, you
|
||||||
|
shouldn't create your main account with this method
|
||||||
|
</p>
|
||||||
|
<a
|
||||||
|
href="https://github.com/kind-0/nsecbunkerd/blob/master/OAUTH-LIKE-FLOW.md"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
className="text-blue-500"
|
||||||
|
>
|
||||||
|
Learn more
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -16,7 +16,7 @@ export function UserName({ className }: { className?: string }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={cn("truncate", className)}>
|
<div className={cn("max-w-[12rem] truncate", className)}>
|
||||||
{user.displayName || user.name || "Anon"}
|
{user.displayName || user.name || "Anon"}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -159,7 +159,7 @@ export function SearchDialog() {
|
|||||||
</Command.Group>
|
</Command.Group>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{!loading ? (
|
{!loading && !events.length ? (
|
||||||
<div className="h-full flex items-center justify-center flex-col gap-3">
|
<div className="h-full flex items-center justify-center flex-col gap-3">
|
||||||
<div className="size-16 bg-blue-100 dark:bg-blue-900 rounded-full inline-flex items-center justify-center text-blue-500">
|
<div className="size-16 bg-blue-100 dark:bg-blue-900 rounded-full inline-flex items-center justify-center text-blue-500">
|
||||||
<SearchIcon className="size-6" />
|
<SearchIcon className="size-6" />
|
||||||
|
Loading…
Reference in New Issue
Block a user