diff --git a/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss b/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss index e8ed3e2e1..f9573f8c3 100644 --- a/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss +++ b/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss @@ -235,7 +235,7 @@ text-align:right; display:flex; justify-content: flex-end; - padding-right:2em; + padding-right:2.5% } .viewon-btn { diff --git a/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html index dfec7f8d9..75ddda7e9 100644 --- a/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html +++ b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html @@ -1,12 +1,27 @@ -
+
+
Welcome -

Welcome to Ombi, this wizard will quickly take you through the inital setup!

-
- +
+ +
+
+

Welcome to Ombi, this wizard will quickly take you through the inital setup!

+
+

If you encounter any problems you can find help on the following platforms:

+ +
+
+
+
+
@@ -64,4 +79,5 @@
+
diff --git a/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.scss b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.scss new file mode 100644 index 000000000..e89b9697b --- /dev/null +++ b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.scss @@ -0,0 +1,47 @@ +@import "~styles/variables.scss"; +.welcome-container{ + display:flex; + height:100%; + width:100%; +} + +.welcome-container .logo{ + display:flex; + font-family: Montserrat,sans-serif; + text-transform: uppercase; + color: #62d2fa; + align-items: center; + justify-content: center; + font-weight: 700; + font-size: 5em; + padding: 40px 20px; + min-height: 300px; +} + +.welcome-container .left-container{ + width:20%; + //border: 1px solid $ombi-background-primary; +} + +.welcome-container .right-container{ + width:70%; + display:flex; + align-items: center; + justify-content: center; +} + +.welcome-buttons{ + float:right; +} + +.fab { + font-family: 'Font Awesome 5 Brands'; + font-size: 28px !important; + padding: 5px; + margin-bottom: 5px; + border: 1px solid; +} + +.fa-discord:before { + content: "\f392"; +} diff --git a/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.ts b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.ts index a46b04bd4..76bad5fb4 100644 --- a/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.ts +++ b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.ts @@ -3,8 +3,10 @@ import { Router } from "@angular/router"; import { ICreateWizardUser } from "../../interfaces"; import { IdentityService, NotificationService } from "../../services"; + @Component({ templateUrl: "./welcome.component.html", + styleUrls: ["./welcome.component.scss"], }) export class WelcomeComponent implements OnInit { diff --git a/src/Ombi/ClientApp/src/styles/Styles.scss b/src/Ombi/ClientApp/src/styles/Styles.scss index 7fd667cf2..48f300690 100644 --- a/src/Ombi/ClientApp/src/styles/Styles.scss +++ b/src/Ombi/ClientApp/src/styles/Styles.scss @@ -100,3 +100,35 @@ background: $ombi-background-accent; } } + + .mat-tooltip{ + background: $ombi-background-accent; + } + + //Wizard CSS + .mat-stepper-horizontal, .mat-stepper-vertical{ + background: $ombi-background-accent; + } + + .wizard-background{ + background-color: $ombi-background-primary; + width:100%; + height:100vh; + display:flex; + align-items:center; + justify-content: center; + } + + .wizard-inner{ + color:#FFF; + min-height: 450px; + } + + .wizard-inner .mat-stepper-horizontal { + min-height: 450px; + } + + .mat-step-header .mat-step-icon{ + background-color:$ombi-active; + color: $ombi-active-text; + }