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

fix: improve style

Browse Source
This commit is contained in:
appel_c
2025-02-11 16:44:57 +01:00
parent 89c781a7b1
commit c53f6f93b8
4 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/bec_atlas/src/app/dashboard/dashboard.component.html
View File

@ -36,11 +36,6 @@
mat-button
class="menu-item"
[routerLink]="['/dashboard/scan-table']"
> Session Data
</button>
<button
mat-button
class="menu-item"
> Scan Data
</button>
<button

2
frontend/bec_atlas/src/app/dashboard/dashboard.component.scss
View File

@ -93,6 +93,8 @@ mat-panel-title mat-icon {
mat-sidenav-content {
background-color: var(--mat-sys-surface-dim);
height: 100vh;
width: 100%;
padding: 12px;
}
.spacer {

7
frontend/bec_atlas/src/app/scan-table/scan-table.component.html
View File

@ -1,5 +1,6 @@
<!-- Table -->
<div class="main-container">
<mat-card class="main-container">
<mat-sidenav-container class="sidenav-container">
<mat-sidenav-content>
@ -68,9 +69,9 @@
</div>
</mat-sidenav-content>
<!-- Right side panel -->
<mat-sidenav #rightSidenav mode="side" opened="true" position="end" class="sidenav">
<mat-sidenav #rightSidenav mode="side" [opened]="true" position="end" class="sidenav">
<!-- Embed the side-panel component here -->
<app-side-panel (sessionChanged)="onSessionChange($event)"></app-side-panel>
</mat-sidenav>
</mat-sidenav-container>
</div>
</mat-card>

13
frontend/bec_atlas/src/app/scan-table/scan-table.component.scss
View File

@ -5,10 +5,14 @@
padding-left: 16px;
padding-bottom: 16px;
}
.sidenav-container{
height:calc(100vh - 48px);
}
.table-container{
width: auto;
// width: auto;
padding-right: 16px;
padding-left: 16px;
}
.mat-mdc-row:hover {
background-color: var(--mat-sys-secondary-container);
@ -24,8 +28,9 @@
}
.main-container {
// display: flex;
// flex-direction: column;
display: flex;
flex-direction: column;
height: 100%;
width:100%;
}
padding: 12px;
}