kaiarn/geomon.viewer
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Wiki Activity

- styling dashboard component

Browse source
This commit is contained in:
Arno Kaimbacher 2021-09-10 16:12:06 +02:00
parent 53a9cfa0d4
commit 363cdb0681
3 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/app.component.html
View file

@ -29,13 +29,13 @@
</a>
</div>
<div class="navbar-end">
<div class="navbar-item">
<!-- <div class="navbar-item">
<div class="buttons">
<a class="button is-light">
Log in
</a>
</div>
</div>
</div> -->
</div>
</div>
</nav>

11
src/app/dashboard/dashboard.component.css
View file

@ -3,6 +3,12 @@
h2 {
text-align: center;
}
#div-stations {
position: relative;
height: 100%;
width: 100%;
}
.stations-menu {
padding: 0;
@ -16,6 +22,11 @@ h2 {
justify-content: space-around;
align-content: flex-start;
align-items: flex-start;
position: absolute;
/* bottom: 30px; */
top: 30px;
/* left:10px;
right: 10px; */
}
a.station {

15
src/app/dashboard/dashboard.component.html
View file

@ -1,7 +1,8 @@
<h2>Stations</h2>
<div class="stations-menu">
<a class="station" *ngFor="let station of stations"
routerLink="/detail/{{station.id}}">
{{ station.properties.label }}
</a>
</div>
<div id="div-stations">
<div class="stations-menu">
<h2>Stations</h2>
<a class="station" *ngFor="let station of stations" routerLink="/detail/{{station.id}}">
{{ station.properties.label }}
</a>
</div>
</div>