bec/bec_atlas
0
0
Fork 0
mirror of https://github.com/bec-project/bec_atlas.git synced 2025-07-13 22:51:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: improved overview component

Browse Source
This commit is contained in:
wakonig_k
2025-01-26 19:19:07 +01:00
parent 4467ca6643
commit a9ee6cd229
2 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/bec_atlas/src/app/overview/overview.component.html
View File

@ -1,6 +1,6 @@
<div class="background-image"></div>
<div class="login-form-flex">
<!-- <mat-card
<mat-card
class="mat-card"
(click)="selection('admin')"
*ngIf="hasAdminAccess"
@ -9,9 +9,9 @@
<mat-icon class="icon-display"> admin_panel_settings</mat-icon>
</mat-card-title>
<mat-card-content class="content-container"> Admin Area </mat-card-content>
</mat-card> -->
</mat-card>
<mat-card class="mat-card" (click)="selection('data')">
<mat-card class="mat-card" (click)="selection('scan-table')">
<mat-card-title>
<mat-icon class="icon-display">analytics</mat-icon>
</mat-card-title>

15
frontend/bec_atlas/src/app/overview/overview.component.scss
View File

@ -1,3 +1,5 @@
@use "@angular/material" as mat;
.login-form-flex {
position: absolute;
top: 50%;
@ -9,7 +11,7 @@
}
.background-image {
background-image: url("../../assets/psi_background.jpg");
background-image: url("../../assets/backgrounds/psi_background_south.jpg");
filter: blur(4px);
-webkit-filter: blur(4px);
height: 100vh;
@ -20,12 +22,19 @@
.mat-card {
/* padding: 30px; */
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.14),
0 4px 8px -1px rgba(0, 0, 0, 0.12);
// box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.14),
// 0 4px 8px -1px rgba(0, 0, 0, 0.12);
display: inline-block;
margin: 10px;
background-color: var(--mat-sys-surface);
color: var(--mat-sys-on-surface);
transition: all 0.25s linear;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.14),
0 4px 8px -1px rgba(0, 0, 0, 0.12);
&:hover {
box-shadow: -1px 10px 29px 0px rgba(0, 0, 0, 0.5);
}
}
.mat-form-field {