- font works
This commit is contained in:
Alexandrina-Kuzeleva
2025-11-21 15:47:58 +03:00
parent 10a6280b78
commit bbfce9363f

View File

@@ -53,7 +53,7 @@
<div v-if="!showAll && energyPoints.data.length > 5" class="p-6 text-center"> <div v-if="!showAll && energyPoints.data.length > 5" class="p-6 text-center">
<button <button
@click="showAll = true" @click="showAll = true"
class="px-4 py-2 bg-teal-600 text-white rounded-lg hover:bg-teal-700 transition"> class="px-4 py-2 bg-gray-2 text-gray rounded-lg shadow-xl hover:bg-gray-3 transition">
Показать ещё Показать ещё
</button> </button>
</div> </div>
@@ -62,10 +62,10 @@
<!-- ПРАВАЯ КОЛОНКА итоги --> <!-- ПРАВАЯ КОЛОНКА итоги -->
<div class="space-y-6 text-teal-900"> <div class="space-y-6 text-teal-900">
<!-- БЛОК "Ты сегодня получил баллы" --> <!-- БЛОК "Ты сегодня получил баллы" -->
<div v-if="todayPoints > 0" class="bg-teal-600/40 rounded-xl p-6 shadow-xl mt-4"> <div v-if="todayPoints > 0" class="bg-teal-600/10 rounded-xl p-6 shadow-xl mt-4">
<p class="text-lg opacity-90">Твоя статистика</p> <p class="text-lg opacity-80">Твоя статистика</p>
<p class="text-sm opacity-80 mt-1"> <p class="text-sm opacity-80 mt-1">
За сегодня ты заработал: {{ todayPoints }} За сегодня ты заработал: <p class="text-5xl font-bold mt-3">{{ todayPoints }}</p>
</p> </p>
<p class="text-sm opacity-80 mt-3"> <p class="text-sm opacity-80 mt-3">
{{ todayPoints > 0 ? 'Так держать!' : 'Нужно немного позаниматься!' }} {{ todayPoints > 0 ? 'Так держать!' : 'Нужно немного позаниматься!' }}
@@ -76,19 +76,19 @@
: 'Это столько же, сколько вчера' }} : 'Это столько же, сколько вчера' }}
</p> </p>
<p class="text-sm opacity-80 mt-3"> <p class="text-sm opacity-80 mt-3">
За последнюю неделю ты заработал: {{ weeklyPoints }} За последнюю неделю ты заработал: <p class="text-5xl font-bold mt-3">{{ weeklyPoints }}</p>
</p> </p>
</div> </div>
<div class="bg-teal-600/60 rounded-xl p-6 shadow-xl mt-4"> <div class="bg-teal-600/50 rounded-xl p-6 shadow-xl mt-4">
<p class="text-lg opacity-90">Всего баллов</p> <p class="text-lg opacity-80">Всего баллов</p>
<p class="text-5xl font-bold mt-3">{{ totalPoints }}</p> <p class="text-5xl font-bold mt-3">{{ totalPoints }}</p>
</div> </div>
<div class="bg-teal-600/60 rounded-xl p-6 shadow-xl mt-4"> <div class="bg-teal-600/80 rounded-xl p-6 shadow-xl mt-4">
<p class="text-lg opacity-90">Дополнительно при поступлении в МПГУ</p> <p class="text-lg font-semibold opacity-90">Дополнительно при поступлении в МПГУ</p>
<p class="text-5xl font-bold mt-3">+{{ additionalPoints }}</p> <p class="text-5xl font-bold mt-3">+{{ additionalPoints }}</p>
<p class="text-sm opacity-80 mt-3">максимум 10 баллов</p> <p class="text-sm opacity-70 mt-3">максимум 10 баллов</p>
</div> </div>
</div> </div>