diff --git a/RobotApp/Components/Account/Pages/Login.razor b/RobotApp/Components/Account/Pages/Login.razor index e616aab..6e0c915 100644 --- a/RobotApp/Components/Account/Pages/Login.razor +++ b/RobotApp/Components/Account/Pages/Login.razor @@ -14,7 +14,13 @@ Log in
-

Log in

+
+ +
+

RobotApp

+

Sign in to your workspace

+
+
@if (!string.IsNullOrEmpty(errorMessage)) { var statusMessageClass = errorMessage.StartsWith("Error") ? "danger" : "success"; diff --git a/RobotApp/Components/Account/Pages/Login.razor.css b/RobotApp/Components/Account/Pages/Login.razor.css new file mode 100644 index 0000000..567073b --- /dev/null +++ b/RobotApp/Components/Account/Pages/Login.razor.css @@ -0,0 +1,38 @@ +.brand { + display: flex; + align-items: center; + gap: 14px; + margin-bottom: 18px; + position: relative; +} + +.brand-logo { + width: 56px; + height: 56px; + display: block; + filter: drop-shadow(0 10px 22px rgba(255,122,26,.25)); +} + +.brand::before { + content: ""; + position: absolute; + inset: -8px -10px auto auto; + height: 3px; + width: 120px; + background: linear-gradient(90deg, var(--brand-pink), var(--brand-blue)); + border-radius: 8px; + opacity: .9; +} + +.brand-text h1 { + margin: 0; + font-size: 20px; + font-weight: 800; + letter-spacing: .2px; +} + +.brand-text p { + margin: 2px 0 0 0; + color: var(--muted); + font-size: 13px; +} diff --git a/RobotApp/wwwroot/images/logoD.svg b/RobotApp/wwwroot/images/logoD.svg new file mode 100644 index 0000000..b0b66b4 --- /dev/null +++ b/RobotApp/wwwroot/images/logoD.svg @@ -0,0 +1,10 @@ + + + + + diff --git a/RobotApp/wwwroot/images/logoL.svg b/RobotApp/wwwroot/images/logoL.svg new file mode 100644 index 0000000..cacd11d --- /dev/null +++ b/RobotApp/wwwroot/images/logoL.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + diff --git a/RobotApp/wwwroot/images/logo_PNKX.png b/RobotApp/wwwroot/images/logo_PNKX.png new file mode 100644 index 0000000..bf6681c Binary files /dev/null and b/RobotApp/wwwroot/images/logo_PNKX.png differ