btn modified & bugfix

This commit is contained in:
Chneemann 2024-08-23 00:23:33 +02:00
parent e3d02d2866
commit e49820af4a
4 changed files with 23 additions and 26 deletions

View file

@ -19,7 +19,7 @@ section {
.movie {
width: 213px;
height: 120px;
padding: 6px 6px 6px 0;
padding: 6px;
img {
width: 213px;
height: 120px;

View file

@ -1,15 +1,7 @@
<div class="overlay" (click)="uploadMovieOverview()">
<div class="center" (click)="stopPropagation($event)">
<div class="content">
<div class="headline">
Upload Movie
<app-btn-small
[imgPath]="'close'"
[btnRadius]="'32px'"
[imgRadius]="'24px'"
(click)="uploadMovieOverview()"
></app-btn-small>
</div>
<div class="headline">Upload Movie</div>
<form
#movieForm="ngForm"
(ngSubmit)="onSubmit(movieForm)"
@ -86,6 +78,11 @@
required
/>
<div class="error-msg"></div>
<div class="buttons">
<app-btn-large
[value]="'Close'"
(click)="uploadMovieOverview()"
></app-btn-large>
<app-btn-large
[value]="'Upload Movie'"
[disabled]="
@ -96,6 +93,7 @@
movieData.send
"
></app-btn-large>
</div>
</form>
</div>
</div>

View file

@ -13,10 +13,11 @@
position: relative;
}
app-btn-small {
position: absolute;
top: 24px;
right: 24px;
.buttons {
display: flex;
justify-content: center;
width: 100%;
gap: 24px;
}
// Overlay

View file

@ -5,7 +5,6 @@ import { ErrorService } from '../../../../services/error.service';
import { BtnLargeComponent } from '../../../../shared/components/buttons/btn-large/btn-large.component';
import { MovieService } from '../../../../services/movie.service';
import { LoadingDialogComponent } from '../../../../shared/components/loading-dialog/loading-dialog.component';
import { BtnSmallComponent } from '../../../../shared/components/buttons/btn-small/btn-small.component';
@Component({
selector: 'app-upload-movie',
@ -15,7 +14,6 @@ import { BtnSmallComponent } from '../../../../shared/components/buttons/btn-sma
FormsModule,
BtnLargeComponent,
LoadingDialogComponent,
BtnSmallComponent,
],
templateUrl: './upload-movie.component.html',
styleUrl: './upload-movie.component.scss',