sanchezvem/BeReadyFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added ranking

Browse Source
This commit is contained in:
sanchezvem
2026-03-26 17:55:23 +01:00
parent 373daa876a
commit 57b82b4d3f
4 changed files with 119 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/ranking/ranking.component.html
+111
View File
@@ -0,0 +1,111 @@
<ion-header class="bg-white">
<p class="text-center font-bold">Classement général</p>
</ion-header>
<ion-content style="--background: #f7f6f2;">
<div class="rounded-3xl pl-5 m-3 relative bg-white h-full overflow-scroll">
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center rounded-full bg-yellow-400">1</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center rounded-full bg-gray-300">2</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center rounded-full bg-amber-600">3</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">4</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">5</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">6</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">7</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">8</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">9</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">10</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">11</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">12</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
<div class="flex items-center gap-10">
<p class="w-8 h-8 flex items-center justify-center">13</p>
<div>
<p class="mb-0 font-bold">Mathys</p>
<p class="mt-0 text-xs text-gray-500">52 défis - 18 victoires</p>
</div>
<p class="absolute right-4 text-gray-400"><strong class="text-black">412</strong> pts</p>
</div>
</div>
</ion-content>