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

Merge pull request #4138 from bernarden/feature/user-preferences-styling-improvements

Browse source 
User preferences page style improvements.
This commit is contained in:
Jamie 2021-04-04 23:08:15 +01:00 • committed by GitHub
commit 8ee4ae07f9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/Ombi/ClientApp/src/app/user-preferences/components/user-preference/user-preference.component.html
View file

@ -1,30 +1,26 @@
<div class="small-middle-container" *ngIf="username"> <div class="small-middle-container" *ngIf="username">
<div class="row h-100"> <div class="d-flex">
<div class="col-1"> <img class="profile-img" [src]="getProfileImage()">
<img class="profile-img" [src]="getProfileImage()"> <h2 id="usernameTitle">{{username}}
</div> <small id="emailTitle" *ngIf="user.emailAddress">({{user.emailAddress}})</small>
<div class="col-11 align-middle"> </h2>
<h2 id="usernameTitle">{{username}} <small id="emailTitle" *ngIf="user.emailAddress">({{user.emailAddress}})</small></h2>
</div>
</div> </div>
<mat-tab-group> <mat-tab-group>
<mat-tab label="Profile"> <mat-tab label="Profile">
<div class="tab-content"> <div class="tab-content">
<div class="row"> <div class="row user-type-row">
<div class="col-1"> <div class="col-5 col-sm-3 col-md-2">
User Type: User Type:
</div> </div>
<div class="col-11"> <div class="col-7 col-sm-9 col-md-10">
{{UserType[user.userType]}} {{UserType[user.userType]}}
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-12 col-sm-6 col-xl-5">
<div> <div>
<small>{{'UserPreferences.LanguageDescription' | translate}}</small> <small>{{'UserPreferences.LanguageDescription' | translate}}</small>
<br> <br>
@ -38,14 +34,9 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div>
</div>
</div> </div>
<div class="col-1"></div>
<div class="col-12 col-sm-6 col-xl-5">
<div class="col-4">
<div> <div>
<small>{{'UserPreferences.StreamingCountryDescription' | translate}}</small> <small>{{'UserPreferences.StreamingCountryDescription' | translate}}</small>
<br> <br>
@ -58,13 +49,8 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div>
</div>
</div> </div>
</div> </div>
</div> </div>
</mat-tab> </mat-tab>

17
src/Ombi/ClientApp/src/app/user-preferences/components/user-preference/user-preference.component.scss
View file

@ -5,9 +5,22 @@
} }
.profile-img { .profile-img {
border-radius: 100%;
width: 75px; width: 75px;
height: 75px;
margin-right: 20px;
border-radius: 100%;
} }
#usernameTitle {
margin: 0;
align-self: center;
overflow-wrap: anywhere;
}
.user-type-row {
padding-bottom: 1.25em;
}
.my-auto { .my-auto {
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
@ -19,5 +32,5 @@
} }
.tab-content { .tab-content {
margin-top: 1%; margin-top: 1.5em;
} }