github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-14 02:26:55 -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="row h-100">
<div class="col-1">
<img class="profile-img" [src]="getProfileImage()">
</div>
<div class="col-11 align-middle">
<h2 id="usernameTitle">{{username}} <small id="emailTitle" *ngIf="user.emailAddress">({{user.emailAddress}})</small></h2>
</div>
<div class="d-flex">
<img class="profile-img" [src]="getProfileImage()">
<h2 id="usernameTitle">{{username}}
<small id="emailTitle" *ngIf="user.emailAddress">({{user.emailAddress}})</small>
</h2>
</div>
<mat-tab-group>
<mat-tab label="Profile">
<div class="tab-content">
<div class="row">
<div class="col-1">
<div class="row user-type-row">
<div class="col-5 col-sm-3 col-md-2">
User Type:
</div>
<div class="col-11">
<div class="col-7 col-sm-9 col-md-10">
{{UserType[user.userType]}}
</div>
</div>
<div class="row">
<div class="col-4">
<div class="col-12 col-sm-6 col-xl-5">
<div>
<small>{{'UserPreferences.LanguageDescription' | translate}}</small>
<br>
@ -38,14 +34,9 @@
</mat-select>
</mat-form-field>
</div>
<div>
</div>
</div>
<div class="col-1"></div>
<div class="col-4">
<div class="col-12 col-sm-6 col-xl-5">
<div>
<small>{{'UserPreferences.StreamingCountryDescription' | translate}}</small>
<br>
@ -58,13 +49,8 @@
</mat-select>
</mat-form-field>
</div>
<div>
</div>
</div>
</div>
</div>
</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 {
border-radius: 100%;
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 {
margin-top: auto;
margin-bottom: auto;
@ -19,5 +32,5 @@
}
.tab-content {
margin-top: 1%;
margin-top: 1.5em;
}