github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-20 21:33:15 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix for custom application name on login page

Browse source
This commit is contained in:
twanariens 2021-03-10 14:56:59 +01:00
commit 592e60ab79
2 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/Ombi/ClientApp/src/app/login/login.component.html
View file

@ -7,7 +7,7 @@
<mat-card class="mat-elevation-z8 top-margin login-card"> <mat-card class="mat-elevation-z8 top-margin login-card">
<H1 *ngIf="!customizationSettings.logo && !customizationSettings.applicationName" class="login_logo">OMBI</H1> <H1 *ngIf="!customizationSettings.logo && !customizationSettings.applicationName" class="login_logo">OMBI</H1>
<H1 *ngIf="customizationSettings.applicationName && !customizationSettings.logo" class="login_logo custom">{{customizationSettings.applicationName}}</H1> <H1 *ngIf="customizationSettings.applicationName && !customizationSettings.logo" [ngClass]="{'bigText': customizationSettings.applicationName.length >= 7 && customizationSettings.applicationName.length < 14, 'hugeText': customizationSettings.applicationName.length >= 14 }" class="login_logo custom">{{customizationSettings.applicationName}}</H1>
<img mat-card-image *ngIf="customizationSettings.logo" [src]="customizationSettings.logo"> <img mat-card-image *ngIf="customizationSettings.logo" [src]="customizationSettings.logo">
<mat-card-content id="login-box" *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi"> <mat-card-content id="login-box" *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi">
<form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)"> <form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">

10
src/Ombi/ClientApp/src/app/login/login.component.scss
View file

@ -203,15 +203,19 @@ div.bg {
justify-content: center; justify-content: center;
font-weight: 700; font-weight: 700;
font-size: 10em; font-size: 10em;
&.custom { &.hugeText {
font-size: 5em; font-size: 3vw;
} }
width:100%; width:100%;
margin-bottom:70px; margin-bottom:70px;
} }
@media (max-width: 600px){ @media (max-width: 700px){
.login-card H1.login_logo{ .login-card H1.login_logo{
font-size:20vw; font-size:20vw;
&.hugeText {
font-size: 7vw;
}
} }
} }