amelioration du style globale

This commit is contained in:
MiharyR 2021-11-26 17:05:12 +01:00
parent cd1f323686
commit d1ac1b77f0
36 changed files with 191 additions and 112 deletions

View file

@ -15,7 +15,9 @@
text-align: center;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
background-color: #dcdcdc;
//background-color: #dcdcdc;
background: linear-gradient(top, rgba(38,38,38,0.8), #e6e6e6 25%, #fff 38%, #c5c5c5 87%, rgba(38,38,38,0.8));
background: -webkit-linear-gradient(top, #c5c5c5, #e6e6e6 25%, #fff 38%, #c5c5c5 87%, #c5c5c5);
font-size: large;
border-bottom: solid 1px black;
border-top-left-radius: 10px;
@ -83,4 +85,10 @@
.btnCreerPlaylist {
margin: 0px 0px 0px 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background: linear-gradient(top, rgba(38,38,38,0.8), #e6e6e6 25%, #fff 38%, #c5c5c5 87%, rgba(38,38,38,0.8));
background: -webkit-linear-gradient(top, #c5c5c5, #e6e6e6 25%, #fff 38%, #c5c5c5 87%, #c5c5c5);
//background: linear-gradient(180deg, #e6e6e6 0%, rgba(0,0,0,0.25) 49%, rgba(38,38,38,0.6) 51%, rgba(0,0,0,0.25) 100%);
}

View file

@ -1,5 +1,7 @@
.myContainer {
background-color: white ;
//background-color: white ;
background: linear-gradient(top, rgba(38,38,38,0.8), #e6e6e6 25%, #fff 38%, #c5c5c5 87%, rgba(38,38,38,0.8));
background: -webkit-linear-gradient(top, #c5c5c5, #e6e6e6 25%, #fff 38%, #c5c5c5 87%, #c5c5c5);
text-align: center;
width: 35vw;
margin: 1vh 0vh 3vh 0vh;
@ -13,7 +15,9 @@
.topBorder {
margin: 0px 0px 0px 0px;
background-color: #dcdcdc;
//background-color: #dcdcdc;
background: linear-gradient(top, rgba(38,38,38,0.8), #e6e6e6 25%, #fff 38%, #c5c5c5 87%, rgba(38,38,38,0.8));
background: -webkit-linear-gradient(top, #c5c5c5, #e6e6e6 25%, #fff 38%, #c5c5c5 87%, #c5c5c5);
text-align: left;
padding: 5px 0px 5px 5px;
border-bottom: solid 1px black;
@ -68,7 +72,9 @@
.bottomBorder {
margin: 0px 0px 0px 0px;
background-color: #dcdcdc;
//background-color: #dcdcdc;
background: linear-gradient(top, rgba(38,38,38,0.8), #e6e6e6 25%, #fff 38%, #c5c5c5 87%, rgba(38,38,38,0.8));
background: -webkit-linear-gradient(top, #c5c5c5, #e6e6e6 25%, #fff 38%, #c5c5c5 87%, #c5c5c5);
border-top: solid 1px black;
border-bottom: solid 1px black;
font-size: large;

View file

@ -39,6 +39,7 @@ export class PopupUpdateUserComponent implements OnInit
dateOfBirth: user0.dateOfBirth,
gender: user0.gender,
interests: [],
company: "",
isActive: user0.isActive,
isAccepted: user0.isAccepted,
createdAt: user0.createdAt,

View file

@ -16,7 +16,7 @@
<!-- Info video -->
<mat-grid-list cols="12" style="margin: 0px 0px 0px 0px; font-size: small">
<mat-grid-list cols="12" class="mat-grid-list-info-video">
<!-- logo -->
<mat-grid-tile [colspan]="2" [rowspan]="2" class="mat-grid-tile-info-video" (click)="onVideo(tabVideo[indexPage+k])">

View file

@ -7,13 +7,12 @@ mat-grid-list {
mat-grid-tile {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
//border: solid 1px black;
}
.myCell {
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #f0f0f0;
background-color: white;
border: solid 1px black;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
@ -43,8 +42,6 @@ mat-grid-tile {
}
.imgVideo {
//border: solid 1px black;
//width: 20vw;
width: 18vw;
height: 15vh;
padding: 0px 0px 0px 0px;
@ -54,9 +51,16 @@ mat-grid-tile {
// ---------------------------------------------------------------------------------------------
.mat-grid-list-info-video {
margin: 0px 0px 0px 0px;
font-size: small;
}
.mat-grid-tile-info-video {
border: none;
font-size: x-small;
//background: linear-gradient(top, rgba(38,38,38,0.8), #e6e6e6 25%, #fff 38%, #c5c5c5 87%, rgba(38,38,38,0.8));
//background: -webkit-linear-gradient(top, #c5c5c5, #e6e6e6 25%, #fff 38%, #c5c5c5 87%, #c5c5c5);
}
mat-icon {

View file

@ -2,6 +2,7 @@
<span class="helper"></span>
<img [src]="'assets/pub/'+ad.images[idxImage].url"
[alt]="ad.images[idxImage].url"
(click)="onClick()"
id="imgFromSearchOrMyPlaylists">
</div>
@ -10,6 +11,7 @@
<img *ngIf="from === 'watchingLeft'"
[src]="'assets/pub/'+ad.images[idxImage].url"
[alt]="ad.images[idxImage].url"
(click)="onClick()"
id="imgFromWatchingLeft">
<!-- --------------------------------------------------------------------- -->
@ -17,4 +19,5 @@
<img *ngIf="from === 'watchingRight'"
[src]="'assets/pub/'+ad.images[idxImage].url"
[alt]="ad.images[idxImage].url"
(click)="onClick()"
id="imgFromWatchingRight">

View file

@ -1,6 +1,6 @@
import {Component, Input, OnInit} from '@angular/core';
import {Advert} from "../../../../utils/interfaces/advert";
import {ThemeService} from "../../../../utils/services/theme/theme.service";
import {Router} from "@angular/router";
@ -15,16 +15,17 @@ export class AdvertComponent implements OnInit
@Input() from: string = "search";
idxImage: number = 0;
constructor(public themeService: ThemeService) { }
constructor(private router: Router) { }
ngOnInit(): void
{
const nbImages = this.ad.images.length;
this.idxImage = Math.floor(Math.random() * nbImages);
}
onClick(): void
{
document.location.href = this.ad.url;
}
}

View file

@ -35,7 +35,9 @@
.topBorder {
margin: 0px 0px 0px 0px;
background-color: #dcdcdc;
//background-color: #dcdcdc;
background: linear-gradient(top, rgba(38,38,38,0.8), #e6e6e6 25%, #fff 38%, #c5c5c5 87%, rgba(38,38,38,0.8));
background: -webkit-linear-gradient(top, #c5c5c5, #e6e6e6 25%, #fff 38%, #c5c5c5 87%, #c5c5c5);
text-align: left;
padding: 5px 0px 5px 5px;
border-bottom: solid 1px black;