diff --git a/src/pages/StudentDashboard.tsx b/src/pages/StudentDashboard.tsx index 21b0caca..92f8aec1 100644 --- a/src/pages/StudentDashboard.tsx +++ b/src/pages/StudentDashboard.tsx @@ -20,6 +20,8 @@ import { FaCode } from "react-icons/fa"; import { HiOutlineDocumentReport } from "react-icons/hi"; import { formatPullRequest } from "../util/format"; import ReportForm from "../components/ReportForm"; +import "../styles/StudentDashboard.css"; + function StudentDashboard() { const navigate = useNavigate(); @@ -81,7 +83,7 @@ function StudentDashboard() { return (
-
+
@@ -99,17 +101,17 @@ function StudentDashboard() {

{error}

) : (
-
+
Total Pull Requests: -

- {dashboard?.pull_count} -

+

+ {dashboard?.pull_count} +

-
+
Total Commits: @@ -121,7 +123,7 @@ function StudentDashboard() {
-
+
Lines Changed:
@@ -135,16 +137,16 @@ function StudentDashboard() {
-
-
- +
+
+ Languages Used: -

- {languages_used.length > 0 ? languages_used.join(", ") : "None"} -

+

+ {languages_used.length > 0 ? languages_used.join(", ") : "None"} +

- +
)}
diff --git a/src/styles/StudentDashboard.css b/src/styles/StudentDashboard.css index cba31797..a36a2660 100644 --- a/src/styles/StudentDashboard.css +++ b/src/styles/StudentDashboard.css @@ -11,12 +11,15 @@ display: flex; flex-direction: row; width: 100vw; - justify-content: space-between; + justify-content: center; align-items: center; } - +.start-cont{ + width: 80%; + border-right: 2px solid rgba(255, 255, 255, .05); +} .end-cont { display: flex; gap: 2rem; @@ -52,6 +55,12 @@ flex-direction: column; } + .start-cont{ + width: 100%; + border-right: none; + border-bottom: 2px solid rgba(255, 255, 255, .05); + } + .end-cont { width: 70%; }