AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

backup

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-09 17:31:34 +01:00
parent d4bcc82c2f
commit 3c5e7f3879
4 changed files with 26 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/Input.svelte
View File

@ -37,13 +37,17 @@
} }
</script> </script>
<div class="form-control w-full max-w-2xl mb-2 {hidden ? 'hidden' : ''}"> <div
class="form-control w-full max-w-2xl mb-2 text-muted dark:text-white {hidden
? 'hidden'
: ''}"
>
<label for={id} class="label pb-1"> <label for={id} class="label pb-1">
<span class="text-white label-text">{label}</span> <span class="text-muted dark:label-text">{label}</span>
</label> </label>
<div class="relative"> <div class="relative">
<input <input
class=" input input-lg input-bordered border border-gray-600 focus:outline-none w-full bg-secondary placeholder-gray-300 text-white whitespace-normal" class="input input-lg input-bordered border border-gray-600 focus:outline-none w-full bg-white dark:bg-secondary placeholder-gray-600 dark:placeholder-gray-300 whitespace-normal"
{type} {type}
{placeholder} {placeholder}
{required} {required}

2
src/routes/+layout.svelte
View File

@ -901,7 +901,7 @@
{:else} {:else}
<a <a
href="/login" href="/login"
class="inline-flex items-center justify-center rounded bg-[#fff] px-4 py-2 text-sm font-semibold text-black shadow-xs transition-all duration-150 sm:hover:bg-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600" class="inline-flex items-center justify-center rounded bg-[#3B82F6] dark:bg-[#fff] px-4 py-2 text-sm font-semibold shadow-xs transition-all duration-150 sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600"
> >
Login Login
</a> </a>

4
src/routes/+page.svelte
View File

@ -74,11 +74,11 @@
<div class="flex justify-center mb-5"> <div class="flex justify-center mb-5">
<a <a
href="/pricing" href="/pricing"
class="cursor-pointer hidden sm:flex items-center gap-2 px-6 py-3.5 sm:px-3.5 sm:py-2.5 text-[1rem] font-medium text-indigo-300 bg-indigo-500/20 border border-indigo-500/30 rounded-lg transition-all duration-200 hover:bg-indigo-500/30" class="cursor-pointer hidden sm:flex items-center gap-2 px-6 py-3.5 sm:px-3.5 sm:py-2.5 text-[1rem] font-medium dark:text-indigo-300 bg-blue-100 dark:bg-indigo-500/20 sm:hover:bg-indigo-500/30 border border-indigo-500/20 shadow dark:border-indigo-500/30 rounded-lg transition-all duration-100"
tabindex="0" tabindex="0"
> >
<svg <svg
class="w-5 h-5 text-zinc-300" class="w-5 h-5 text-zinc-500 dark:text-zinc-300"
fill="currentColor" fill="currentColor"
viewBox="0 0 20 20" viewBox="0 0 20 20"
aria-hidden="true" aria-hidden="true"

32
src/routes/login/+page.svelte
View File

@ -26,7 +26,7 @@
{ {
toast.success("Login successfully!", { toast.success("Login successfully!", {
style: style:
"border-radius: 5px; background: #fff; color: #000; border-color: #4B5563; font-size: 15px;", "border-radius: 5px; background: #fff; color: #000; border-color: #4B5563; font-size: 15px; ",
}); });
await update(); await update();
break; break;
@ -82,20 +82,18 @@
/> />
<div <div
class="relative w-full max-w-3xl mx-auto min-h-screen pb-40 sm:mt-10 {oauthLoading class="text-muted dark:text-white relative w-full max-w-3xl mx-auto min-h-screen pb-40 sm:mt-10 {oauthLoading
? 'opacity-[0.2]' ? 'opacity-[0.2]'
: ''}" : ''}"
> >
<div class="grid grid-cols-1 gap-4"> <div class="grid grid-cols-1 gap-4">
<div class="relative"> <div class="relative">
<h1 <h1 class="text-center text-2xl sm:text-3xl pt-10 sm:pt-0 font-bold">
class="text-center text-white text-2xl sm:text-3xl pt-10 sm:pt-0 font-bold"
>
Sign In Sign In
</h1> </h1>
</div> </div>
<span class="text-gray-400 text-center"> Welcome back! </span> <span class="dark:text-gray-400 text-center"> Welcome back! </span>
<div class="relative w-full max-w-lg m-auto"> <div class="relative w-full max-w-lg m-auto">
<form <form
@ -120,7 +118,7 @@
<div class="w-full max-w-lg"> <div class="w-full max-w-lg">
<a <a
href="/reset-password" href="/reset-password"
class="text-sm text-blue-400 sm:hover:text-white sm:hover:underline" class="text-sm text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
>Forgot Password?</a >Forgot Password?</a
> >
</div> </div>
@ -129,13 +127,13 @@
{#if !loading && !isClicked} {#if !loading && !isClicked}
<button <button
type="submit" type="submit"
class="cursor-pointer py-2.5 bg-[#fff] border-none sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-black font-semibold text-[1rem]" class="cursor-pointer py-2.5 bg-[#3B82F6] dark:bg-[#fff] border-none sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
> >
<span>Login</span> <span>Login</span>
</button> </button>
{:else} {:else}
<label <label
class="cursor-not-allowed btn bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-black font-semibold text-[1rem]" class="cursor-not-allowed btn bg-[#3B82F6] dark:bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
> >
<div class="flex flex-row m-auto items-center"> <div class="flex flex-row m-auto items-center">
<span class="loading loading-infinity"></span> <span class="loading loading-infinity"></span>
@ -145,8 +143,8 @@
{/if} {/if}
</div> </div>
<div class="divider divider-[#fff] pt-5 pb-10"> <div class="divider dark:divider-[#fff] pt-5 pb-10">
<span class="text-white text-[1rem] z-10">Or login using</span> <span class=" text-[1rem] z-10">Or login using</span>
</div> </div>
<div class="flex flex-row items-center gap-x-5 pb-6"> <div class="flex flex-row items-center gap-x-5 pb-6">
@ -157,7 +155,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGoogle} on:mouseenter={handleHoverGoogle}
on:mouseleave={handleHoverGoogle} on:mouseleave={handleHoverGoogle}
class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white" class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -207,7 +205,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverDiscord} on:mouseenter={handleHoverDiscord}
on:mouseleave={handleHoverDiscord} on:mouseleave={handleHoverDiscord}
class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white" class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -742,7 +740,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGithub} on:mouseenter={handleHoverGithub}
on:mouseleave={handleHoverGithub} on:mouseleave={handleHoverGithub}
class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white" class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub
@ -760,10 +758,12 @@
</div> </div>
<p <p
class="pb-1 text-sm w-full max-w-lg text-white flex justify-center items-center" class="pb-1 text-sm w-full max-w-lg flex justify-center items-center"
> >
You don't have an account? You don't have an account?
<a href="/register" class="text-blue-400 hover:underline ml-1" <a
href="/register"
class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400 sm:hover:underline ml-1"
>Sign up</a >Sign up</a
> >
</p> </p>