top picture buttom

master
Boris Voropaev 2023-08-31 17:16:49 +03:00
parent 15a5e15264
commit f0e248c786
4 changed files with 22 additions and 11 deletions

View File

@ -1,13 +1,15 @@
<div class="content" *ngIf="page">
<div class="row">
<div class="page-header" style="background-image: url('{{page?.image}}')">
<div class="limiter">
<div class="row">
<div class="page-header" style="background-image: url('{{page?.image}}')">
<div class="block">
<button (click)="editBackground()" class="edit"></button>
<button (click)="removeBackground()" class="delete"></button>
</div>
<div class="limiter">
<div class="line">
<h1>{{page?.name}}</h1>
</div>
<button (click)="editBackground()">Изменить фон</button>
<button (click)="removeBackground()">Удалить фон</button>
</div>
</div>
</div>
<div class="limiter nav-info" *ngIf="isEditable">
<div class="col right" (click)="toggleEditMode()">

View File

@ -11,9 +11,16 @@
width: 100%;
height: 400px;
background-color: #86898E;
.block{
position: absolute;
top:136px;
left: calc((100% - 900px) / 2);
}
.limiter{
display: flex;
display: block;
.line{
display: inline-block;
border-bottom: 12px solid var(--blue-0);
h1{
display: inline;
@ -27,8 +34,10 @@
letter-spacing: 0.76px;
color: white;
}
}
}
}
}
}
.left {
flex-grow: 1;

View File

@ -6,7 +6,7 @@ export const environment = {
production: false,
apiUrl: 'http://api.vniigazv2.lc',
clientId: 2,
clientSecret: 'tsfYTWRzbK1okzbN1jX0JeGkMu3c42H6hJF3NhBv',
clientSecret: '5Q8Pe95YrQBwa7o7XDDIatg30ELu3dpS40Uo6jHi',
};
/*

View File

@ -28,7 +28,7 @@
// text-transform: uppercase;
// }
.menu {
.menu, .page-header {
display: flex;
.block {
background: #fff;