DHBW/TelegramAktienBot
1
0
Fork 0
Code Issues 6 Pull Requests 26 Actions Packages Projects Releases Wiki Activity

Improve css

Browse Source
This commit is contained in:
kevinpauer 2022-04-05 20:24:23 +02:00
parent 7c5c993d2f
commit de586a7e17
4 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/Views/dashboard/dashboard.component.html
View File

@ -6,7 +6,7 @@
<div class="vertical-center">Aktienübersicht</div> <div class="vertical-center">Aktienübersicht</div>
</div> </div>
<mat-card class="placeholder"> <mat-card class="placeholder">
<div class="stockTable"> <div class="stockTableLHS">
<table mat-table [dataSource]="dataSourceStocks"> <table mat-table [dataSource]="dataSourceStocks">
<!--- Note that these columns can be defined in any order. <!--- Note that these columns can be defined in any order.
The actual rendered columns are set as a property on the row definition" --> The actual rendered columns are set as a property on the row definition" -->
@ -53,12 +53,12 @@
<div class="heading fix-right-side"> <div class="heading fix-right-side">
<div class="vertical-center">Depotübersicht</div> <div class="vertical-center">Depotübersicht</div>
</div> </div>
<mat-card class="placeholder"></mat-card> <mat-card class="placeholderRHS"></mat-card>
</div> </div>
</mat-grid-tile> </mat-grid-tile>
<!-- Transaktions --> <!-- Transaktions -->
<mat-grid-tile colspan="1" rowspan="1" class="right-side"> <mat-grid-tile colspan="1" rowspan="1" class="right-side">
<div class="depotOverview"> <div class="depotOverviewDown">
<div class="heading fix-right-side"> <div class="heading fix-right-side">
<div class="vertical-center">Transaktionen</div> <div class="vertical-center">Transaktionen</div>
<span class="spacer"></span> <span class="spacer"></span>
@ -72,7 +72,7 @@
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>
</button> </button>
</div> </div>
<mat-card class="placeholder" <mat-card class="placeholderRHS"
><div class="stockTable"> ><div class="stockTable">
<table mat-table [dataSource]="dataSourceTransactions"> <table mat-table [dataSource]="dataSourceTransactions">
<!--- Note that these columns can be defined in any order. <!--- Note that these columns can be defined in any order.

17
frontend/src/app/Views/dashboard/dashboard.component.scss
View File

@ -15,12 +15,25 @@
margin-right: 10%; margin-right: 10%;
} }
.depotOverviewDown {
height: 100%;
width: 100%;
margin-left: 5%;
margin-right: 10%;
}
.stockTable { .stockTable {
overflow: auto; overflow: auto;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.stockTableLHS {
overflow: auto;
height: 83%;
width: 100%;
}
.heading { .heading {
font-size: xx-large; font-size: xx-large;
height: 10%; height: 10%;
@ -63,6 +76,10 @@ table {
height: 100%; height: 100%;
} }
.placeholderRHS {
height: 80%;
}
side-heading { side-heading {
display: inline; display: inline;
} }

1
frontend/src/app/Views/dashboard/dashboard.component.ts
View File

@ -87,7 +87,6 @@ export class DashboardComponent implements OnInit {
openDialog(): void { openDialog(): void {
const dialogRef = this.dialog.open(UserDialogComponent, { const dialogRef = this.dialog.open(UserDialogComponent, {
width: '50vw', width: '50vw',
height: '55vh',
data: { data: {
symbol: this.symbol, symbol: this.symbol,
time: this.time, time: this.time,

1
frontend/src/app/app.component.scss
View File

@ -1 +0,0 @@