Merge pull request #69 from acm-ucr/tingtingtingtingtingtingtingtingt…

…ingtin/title-spacing Changed title and fixed spacing
acm-ucr · Nov 8, 2024 · 138ae71 · 138ae71
2 parents 934a0ad + 0b0bfcf
commit 138ae71
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/app/admin/[program]/page.tsx b/src/app/admin/[program]/page.tsx
@@ -2,6 +2,7 @@ import Add from "@/components/programs/add";
 import Project from "@/components/programs/project";
 import { Project as ProjectType } from "@/types/projects";
 import { AlertDialog, AlertDialogTrigger } from "@/components/ui/alert-dialog";
+import { Label } from "@/components/ui/label";
 
 const projects: ProjectType[] = [
   {
@@ -24,12 +25,15 @@ const projects: ProjectType[] = [
 const Page = () => {
   return (
     <div className="">
-      <AlertDialog>
-        <AlertDialogTrigger>Add Project</AlertDialogTrigger>
-        <Add />
-      </AlertDialog>
+      <div className="mx-8 mt-6 flex items-center justify-between">
+        <Label className="text-2xl">Ignite 2024 Projects</Label>
+        <AlertDialog>
+          <AlertDialogTrigger>Add Project</AlertDialogTrigger>
+          <Add />
+        </AlertDialog>
+      </div>
 
-      <div className="grid grid-cols-3 gap-4">
+      <div className="m-6 grid grid-cols-3 gap-4">
         {projects.map(({ title, description, tags }, index) => (
           <Project
             key={index}

diff --git a/src/components/programs/project.tsx b/src/components/programs/project.tsx
@@ -9,7 +9,7 @@ interface props {
 
 const Project = ({ title, description, tags }: props) => {
   return (
-    <div className="rounded-md border border-gray-300 bg-white p-4">
+    <div className="rounded-xl border border-gray-300 bg-white p-4">
       <div className="text-2xl font-semibold">{title}</div>
       <div className="flex flex-wrap gap-2">
         {tags.map((text, index) => (