- 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">
<button
@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>
</div>
@@ -62,10 +62,10 @@
<!-- ПРАВАЯ КОЛОНКА итоги -->
<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">
<p class="text-lg opacity-90">Твоя статистика</p>
<div v-if="todayPoints > 0" class="bg-teal-600/10 rounded-xl p-6 shadow-xl mt-4">
<p class="text-lg opacity-80">Твоя статистика</p>
<p class="text-sm opacity-80 mt-1">
За сегодня ты заработал: {{ todayPoints }}
За сегодня ты заработал: <p class="text-5xl font-bold mt-3">{{ todayPoints }}</p>
</p>
<p class="text-sm opacity-80 mt-3">
{{ todayPoints > 0 ? 'Так держать!' : 'Нужно немного позаниматься!' }}
@@ -76,19 +76,19 @@
: 'Это столько же, сколько вчера' }}
</p>
<p class="text-sm opacity-80 mt-3">
За последнюю неделю ты заработал: {{ weeklyPoints }}
За последнюю неделю ты заработал: <p class="text-5xl font-bold mt-3">{{ weeklyPoints }}</p>
</p>
</div>
<div class="bg-teal-600/60 rounded-xl p-6 shadow-xl mt-4">
<p class="text-lg opacity-90">Всего баллов</p>
<div class="bg-teal-600/50 rounded-xl p-6 shadow-xl mt-4">
<p class="text-lg opacity-80">Всего баллов</p>
<p class="text-5xl font-bold mt-3">{{ totalPoints }}</p>
</div>
<div class="bg-teal-600/60 rounded-xl p-6 shadow-xl mt-4">
<p class="text-lg opacity-90">Дополнительно при поступлении в МПГУ</p>
<div class="bg-teal-600/80 rounded-xl p-6 shadow-xl mt-4">
<p class="text-lg font-semibold opacity-90">Дополнительно при поступлении в МПГУ</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>