fix(ui): fix minor ui bugs

This commit is contained in:
shafin-r
2026-02-17 16:41:24 +06:00
parent b56642fda8
commit 626616c8b5
7 changed files with 19 additions and 21 deletions

View File

@ -84,7 +84,7 @@ export const Rewards = () => {
const isTopThree = (leaderboard?.user_rank?.rank ?? Infinity) < 3;
return (
<main className="flex flex-col gap-8 items-start mx-auto sm:px-6 lg:px-8 py-8">
<div className="relative flex flex-col gap-8 items-start mx-auto sm:px-6 lg:px-8 py-8">
<header className="flex flex-col items-center h-fit w-full gap-3">
<h1 className="font-satoshi-black text-3xl">Leaderboards</h1>
{loading ? (
@ -295,7 +295,7 @@ export const Rewards = () => {
</TabsContent>
</Tabs>
</section>
<Card className="fixed bottom-19 bg-linear-to-br from-purple-500 to-purple-600 w-full rounded-full py-4">
<Card className="absolute mx-auto w-full left-0 md:-bottom-12 bottom-0 bg-linear-to-br from-purple-500 to-purple-600 rounded-full py-4">
<CardContent className="flex justify-between items-center">
{loading ? (
<div className="flex justify-between items-center animate-pulse w-full">
@ -353,6 +353,6 @@ export const Rewards = () => {
)}
</CardContent>
</Card>
</main>
</div>
);
};