-
-
-
-
+
+
+
+
+
+
-
-
-
-
+ |
+
+ >API Documentation
+
+
+
{{ appConstants.APP_NAME }}
+
diff --git a/ui/src/app/login/components/auth-box/auth-box.component.scss b/ui/src/app/login/components/auth-box/auth-box.component.scss
index 13cbc4aacb..f75c66a6b3 100644
--- a/ui/src/app/login/components/auth-box/auth-box.component.scss
+++ b/ui/src/app/login/components/auth-box/auth-box.component.scss
@@ -15,3 +15,53 @@
* limitations under the License.
*
*/
+
+.background-auth-box {
+ background: var(--color-navigation-bg);
+}
+
+.auth-box-footer {
+ margin-bottom: 20px;
+ margin-right: 20px;
+}
+
+.footer-link {
+ color: var(--color-accent);
+ text-decoration: none;
+}
+
+.footer-link:hover {
+ text-decoration: underline;
+}
+
+.full-height {
+ height: 100vh;
+}
+
+.logo-outer {
+ margin-top: 20px;
+ margin-left: 20px;
+}
+
+.logo {
+ margin-right: auto;
+ max-height: 55px;
+ max-width: 300px;
+}
+
+.content-box {
+ max-width: 500px;
+ min-width: 60%;
+ padding: 20px;
+ box-shadow:
+ rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
+ rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
+ border-radius: 1rem;
+ background: var(--color-bg-0);
+}
+
+.app-name-text {
+ padding: 30px;
+ color: var(--color-navigation-link-text);
+ font-size: 6vmax;
+}
diff --git a/ui/src/app/login/components/auth-box/auth-box.component.ts b/ui/src/app/login/components/auth-box/auth-box.component.ts
index c0b7210920..cae0835d61 100644
--- a/ui/src/app/login/components/auth-box/auth-box.component.ts
+++ b/ui/src/app/login/components/auth-box/auth-box.component.ts
@@ -17,6 +17,7 @@
*/
import { Component } from '@angular/core';
+import { AppConstants } from '../../../services/app.constants';
@Component({
selector: 'sp-auth-box',
@@ -24,7 +25,5 @@ import { Component } from '@angular/core';
styleUrls: ['./auth-box.component.scss'],
})
export class AuthBoxComponent {
- openDocumentation() {
- window.open('https://streampipes.apache.org/docs', '_blank');
- }
+ constructor(public appConstants: AppConstants) {}
}