added styles for ratio and time

This commit is contained in:
Kostya
2024-02-06 00:38:15 +03:00
parent 9072fc3c38
commit 2e19ee929c
2 changed files with 19 additions and 2 deletions

View File

@@ -292,6 +292,23 @@
margin-top: 7px; margin-top: 7px;
} }
.ratio {
position: relative;
left: 50%;
top: -390px;
font-size: 34px;
font-weight: 700;
font-family: 'Montserrat';
}
.time {
position: relative;
left: 50%;
font-size: 34px;
font-weight: 700;
font-family: 'Montserrat';
}
/* /Crash-Players */ /* /Crash-Players */
/* Notification */ /* Notification */

View File

@@ -1,11 +1,11 @@
<template> <template>
<div v-if="crashdata.Status === 'WaitingForPlayers'"><h2>{{ crashdata.WaitingTime ? crashdata.WaitingTime.toFixed(1) : '' }}</h2></div> <div class="time" v-if="crashdata.Status === 'WaitingForPlayers'"><h2>{{ crashdata.WaitingTime ? crashdata.WaitingTime.toFixed(1) : '' }}</h2></div>
<LineChart <LineChart
:chart-data="data" :chart-data="data"
:options="options" :options="options"
v-else v-else
/> />
<h2 :class="{ 'lost-ratio' : crashdata.Status === 'GameEnd' }">{{ crashdata.CurrentX ? crashdata.CurrentX.toFixed(2) : '' }}</h2> <h2 class="ratio" :class="{ 'lost-ratio' : crashdata.Status === 'GameEnd' }">{{ crashdata.CurrentX ? crashdata.CurrentX.toFixed(2) : '' }}</h2>
</template> </template>
<script> <script>