Update Login component
This commit is contained in:
parent
62091ce744
commit
c5381a4766
|
@ -1,7 +1,7 @@
|
|||
<script>
|
||||
import Button from "./Button.svelte"
|
||||
|
||||
export let buttonText = "Login"
|
||||
export let buttonText = "Log In"
|
||||
export let logo = ""
|
||||
export let title = ""
|
||||
export let buttonClass = ""
|
||||
|
@ -48,7 +48,7 @@
|
|||
{/if}
|
||||
|
||||
{#if title}
|
||||
<h1 class="header-content">{title}</h1>
|
||||
<h2 class="header-content">{title}</h2>
|
||||
{/if}
|
||||
|
||||
<div class="form-root">
|
||||
|
@ -71,7 +71,7 @@
|
|||
|
||||
<div class="login-button-container">
|
||||
<button disabled={loading} on:click={login} class={_buttonClass}>
|
||||
{buttonText || 'Login'}
|
||||
{buttonText || 'Log In'}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
@ -102,7 +102,9 @@
|
|||
}
|
||||
|
||||
.logo-container > img {
|
||||
height: 80px;
|
||||
max-width: 200px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.login-button-container {
|
||||
|
@ -114,12 +116,11 @@
|
|||
font-family: Inter;
|
||||
font-weight: 700;
|
||||
color: #1f1f1f;
|
||||
font-size: 48px;
|
||||
line-height: 72px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 32px;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-feature-settings: "case" "rlig" "calt" 0;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.incorrect-details-panel {
|
||||
|
|
Loading…
Reference in New Issue