shafin808s/edbridge-scholars
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(pages): add profile page

Browse Source 
fix(ui): fix minor ui bugs on some pages
This commit is contained in:
shafin-r
2026-01-19 14:06:05 +06:00
parent d208a9336f
commit d5a39add17
11 changed files with 154 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/student/Drills.tsx
View File

@ -7,7 +7,6 @@ import {
Trophy,
Zap,
} from "lucide-react";
import { useAuthStore } from "../../stores/authStore";
import {
Card,
CardAction,
@ -20,10 +19,8 @@ import {
import { Button } from "../../components/ui/button";
export const Drills = () => {
const user = useAuthStore((state) => state.user);
return (
<main className="min-h-screen max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-4">
<main className="min-h-screen max-w-7xl mx-auto px-8 sm:px-6 lg:px-8 py-8 space-y-4">
<header className="flex justify-between items-center">
<div className="w-fit bg-linear-to-br from-purple-500 to-purple-600 p-3 rounded-2xl">
<BookOpen size={20} color="white" />
@ -39,7 +36,7 @@ export const Drills = () => {
flex-row"
>
<div className="space-y-4">
<CardHeader className="w-1/2">
<CardHeader className="w-[65%]">
<CardTitle className="font-satoshi-bold tracking-tight text-3xl text-white">
See where you stand
</CardTitle>
@ -56,7 +53,7 @@ export const Drills = () => {
</Button>
</CardFooter>
</div>
<div className="overflow-hidden opacity-30 -rotate-45 absolute -top-10 -right-20">
<div className="overflow-hidden opacity-30 -rotate-45 absolute -top-7 -right-20">
<DraftingCompass size={300} color="white" />
</div>
</Card>
@ -69,8 +66,10 @@ export const Drills = () => {
<Target size={20} color="white" />
</div>
<div className="space-y-2">
<CardTitle>Targeted Practice</CardTitle>
<CardDescription>Focus on what matters</CardDescription>
<CardTitle className="font-satoshi">Targeted Practice</CardTitle>
<CardDescription className="font-satoshi">
Focus on what matters
</CardDescription>
</div>
<CardAction>
<div className="w-fit bg-red-100 p-2 rounded-full">
@ -85,8 +84,10 @@ export const Drills = () => {
<Zap size={20} color="white" />
</div>
<div className="space-y-2">
<CardTitle>Drills</CardTitle>
<CardDescription>Train speed and accuracy</CardDescription>
<CardTitle className="font-satoshi">Drills</CardTitle>
<CardDescription className="font-satoshi">
Train speed and accuracy
</CardDescription>
</div>
<CardAction>
<div className="w-fit bg-cyan-100 p-3 rounded-full">
@ -101,8 +102,10 @@ export const Drills = () => {
<Trophy size={20} color="white" />
</div>
<div className="space-y-2">
<CardTitle>Hard Test Modules</CardTitle>
<CardDescription>Focus on what matters</CardDescription>
<CardTitle className="font-satoshi">Hard Test Modules</CardTitle>
<CardDescription className="font-satoshi">
Focus on what matters
</CardDescription>
</div>
<CardAction>
<div className="w-fit bg-lime-100 p-3 rounded-full">