diff --git a/ui/desktop/app/controllers/scopes/scope/authenticate.js b/ui/desktop/app/controllers/scopes/scope/authenticate.js
index 25ebcd1df..93bb9beda 100644
--- a/ui/desktop/app/controllers/scopes/scope/authenticate.js
+++ b/ui/desktop/app/controllers/scopes/scope/authenticate.js
@@ -1,6 +1,12 @@
import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
export default class ScopesScopeAuthenticateController extends Controller {
+
+ // =services
+
+ @service origin;
+
// =attributes
/**
diff --git a/ui/desktop/app/styles/app.scss b/ui/desktop/app/styles/app.scss
index 4e8a8da94..a9bc0dbdc 100644
--- a/ui/desktop/app/styles/app.scss
+++ b/ui/desktop/app/styles/app.scss
@@ -218,12 +218,28 @@
top: 0;
left: 0;
right: 0;
- height: sizing.rems(l) * 3.5;
+ height: sizing.rems(l) * 3.25;
background-color: var(--black);
+ background-image: url('/brand-background.svg');
+ background-repeat: no-repeat;
+ background-position: right;
border-top-left-radius: sizing.rems(xxxs);
border-top-right-radius: sizing.rems(xxxs);
}
+ &::after {
+ position: absolute;
+ content: " ";
+ top: 0;
+ left: 0;
+ right: 0;
+ height: sizing.rems(l) * 3.25;
+ background-image: url('/logo-app-full.svg');
+ background-size: sizing.rems(l) * 7;
+ background-repeat: no-repeat;
+ background-position: (sizing.rems(l) * 2.5) 50%;
+ }
+
.branded-card-title {
margin-bottom: 0;
}
@@ -244,3 +260,10 @@
}
}
}
+
+@media (max-width: media.width(medium)) {
+ .branded-card {
+ width: auto;
+ max-width: 100%;
+ }
+}
diff --git a/ui/desktop/app/templates/scopes/scope/authenticate.hbs b/ui/desktop/app/templates/scopes/scope/authenticate.hbs
index 335c81b57..75417a407 100644
--- a/ui/desktop/app/templates/scopes/scope/authenticate.hbs
+++ b/ui/desktop/app/templates/scopes/scope/authenticate.hbs
@@ -1,4 +1,13 @@
{{page-title (t "actions.authenticate")}}
+{{!--
+
+Change --}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ui/desktop/public/logo-app-full.svg b/ui/desktop/public/logo-app-full.svg
new file mode 100644
index 000000000..fd38d1aa7
--- /dev/null
+++ b/ui/desktop/public/logo-app-full.svg
@@ -0,0 +1 @@
+
\ No newline at end of file