mirror of
https://github.com/bec-project/bec_atlas.git
synced 2025-07-13 22:51:49 +02:00
fix: improve style
This commit is contained in:
@ -36,11 +36,6 @@
|
|||||||
mat-button
|
mat-button
|
||||||
class="menu-item"
|
class="menu-item"
|
||||||
[routerLink]="['/dashboard/scan-table']"
|
[routerLink]="['/dashboard/scan-table']"
|
||||||
> Session Data
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
mat-button
|
|
||||||
class="menu-item"
|
|
||||||
> Scan Data
|
> Scan Data
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
|
@ -93,6 +93,8 @@ mat-panel-title mat-icon {
|
|||||||
mat-sidenav-content {
|
mat-sidenav-content {
|
||||||
background-color: var(--mat-sys-surface-dim);
|
background-color: var(--mat-sys-surface-dim);
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spacer {
|
.spacer {
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
<!-- Table -->
|
<!-- Table -->
|
||||||
<div class="main-container">
|
|
||||||
|
<mat-card class="main-container">
|
||||||
<mat-sidenav-container class="sidenav-container">
|
<mat-sidenav-container class="sidenav-container">
|
||||||
|
|
||||||
<mat-sidenav-content>
|
<mat-sidenav-content>
|
||||||
@ -68,9 +69,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</mat-sidenav-content>
|
</mat-sidenav-content>
|
||||||
<!-- Right side panel -->
|
<!-- 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 -->
|
<!-- Embed the side-panel component here -->
|
||||||
<app-side-panel (sessionChanged)="onSessionChange($event)"></app-side-panel>
|
<app-side-panel (sessionChanged)="onSessionChange($event)"></app-side-panel>
|
||||||
</mat-sidenav>
|
</mat-sidenav>
|
||||||
</mat-sidenav-container>
|
</mat-sidenav-container>
|
||||||
</div>
|
</mat-card>
|
||||||
|
@ -5,10 +5,14 @@
|
|||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
padding-bottom: 16px;
|
padding-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
.sidenav-container{
|
||||||
|
height:calc(100vh - 48px);
|
||||||
|
}
|
||||||
|
|
||||||
.table-container{
|
.table-container{
|
||||||
width: auto;
|
// width: auto;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
|
padding-left: 16px;
|
||||||
}
|
}
|
||||||
.mat-mdc-row:hover {
|
.mat-mdc-row:hover {
|
||||||
background-color: var(--mat-sys-secondary-container);
|
background-color: var(--mat-sys-secondary-container);
|
||||||
@ -24,8 +28,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.main-container {
|
.main-container {
|
||||||
// display: flex;
|
display: flex;
|
||||||
// flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
padding: 12px;
|
||||||
|
}
|
||||||
|
Reference in New Issue
Block a user