diff --git a/packages/bridge-ui/src/app/components/race-details/race-details.component.html b/packages/bridge-ui/src/app/components/race-details/race-details.component.html index 751c34e..d4a87b4 100644 --- a/packages/bridge-ui/src/app/components/race-details/race-details.component.html +++ b/packages/bridge-ui/src/app/components/race-details/race-details.component.html @@ -1,4 +1,45 @@ @if( race != undefined ) { +
+ +
+ + download + Download map + +
+
+

{{race.mapName}}

+
+ @if(openToUploads) { +

Entries Close on: {{currentTime}}

+
+
+

Days

+

Hours

+

Minutes

+

Seconds

+
+
+

+

+

+

+
+
+ } + @else { +

Closed for new entries

+ } +
+
+

Author: {{formatMilliseconds(race.authorTime)}} Gold: {{formatMilliseconds(race.goldTime)}} Silver: {{formatMilliseconds(race.silverTime)}} Bronze: {{formatMilliseconds(race.bronzeTime)}}

+
+
+ +
diff --git a/packages/bridge-ui/src/app/components/race-details/race-details.component.scss b/packages/bridge-ui/src/app/components/race-details/race-details.component.scss index 9cb5318..ea2ce2c 100644 --- a/packages/bridge-ui/src/app/components/race-details/race-details.component.scss +++ b/packages/bridge-ui/src/app/components/race-details/race-details.component.scss @@ -1,9 +1,25 @@ +.column { + float: left; +} + +.column.side { + width: 20% +} + +.column.middle { + width: 80%; +} + .img-thumbnail { - width: 200px; + //float: right; box-shadow: 2px 6px 9px 2px rgb(0 0 0 / 20%); } +.img-width { + width: 200px; +} + .race-details { display: flex; justify-content: space-between; diff --git a/packages/bridge-ui/src/app/components/race-details/race-details.component.ts b/packages/bridge-ui/src/app/components/race-details/race-details.component.ts index 93a16c4..1b51e4c 100644 --- a/packages/bridge-ui/src/app/components/race-details/race-details.component.ts +++ b/packages/bridge-ui/src/app/components/race-details/race-details.component.ts @@ -5,6 +5,7 @@ import { MatButtonModule } from '@angular/material/button'; import { MatGridListModule } from '@angular/material/grid-list'; import { MatIconModule } from '@angular/material/icon'; import { MatTableModule } from '@angular/material/table'; +import { MatDividerModule } from '@angular/material/divider'; import { RacesService } from '../../services/races.service'; import { RaceResultService } from '../../services/race-result.service'; @@ -21,7 +22,8 @@ import { ServerSideEventsService } from '../../services/server-side-events.servi MatGridListModule, MatIconModule, MatTableModule, - MatButtonModule + MatButtonModule, + MatDividerModule ], templateUrl: './race-details.component.html', styleUrl: './race-details.component.scss'