Use tabular font widths for the estimated number

master
Anthony Catel 2023-11-13 22:42:18 +01:00
rodzic 1b4c8cf64c
commit 436ff49d74
1 zmienionych plików z 2 dodań i 2 usunięć

Wyświetl plik

@ -29,8 +29,8 @@
<button @click="setDensity(4)" class="btn">Packed</button>
</div>
<div class="text-center mt-2">
<span class="block font-semibold text-teal-600">{{ density.toFixed(2) }} people per sqm <small>(~10 sqft)</small></span>
<span class="inline-block mt-2 text-xl font-bold text-gray-800">{{ estimated }} estimated</span>
<span class="block font-semibold text-teal-600 tabular-nums">{{ density.toFixed(2) }} people per sqm <small>(~10 sqft)</small></span>
<span class="inline-block mt-2 text-xl font-bold text-gray-800 tabular-nums">{{ estimated }} estimated</span>
</div>
</div>
<div class="text-center font-bold" v-else>