Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

(#69) rounded edges & outline on buttons #80

Closed
wants to merge 2 commits into from
+8 −8
Closed

(#69) rounded edges & outline on buttons #80

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
73aaecc
rounded edges & outline on buttons
bennettfei Jan 10, 2025
91793fa
rounded edges & outline on home page buttons
bennettfei Jan 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ function Home() {
We're a team of students with one goal: building a greater, more collaborative
computing community at The University of Texas at Dallas.
</p>
<div className="justify-content-center z-10 flex w-fit flex-row items-center gap-x-6 bg-acm-gradient px-8 py-4">
<div className="justify-content-center z-10 flex w-fit flex-row items-center gap-x-6 bg-acm-gradient px-8 py-4 rounded-lg border border-primary/50 bg-gray-300/10">
{icons.map((icon: string, idx: number) => {
return (
<a href={iconLinks[idx]} key={idx}>
Expand All @@ -52,7 +52,7 @@ function Home() {
<div className="mt-2 self-end">
<Link
href={card.link}
className="content z-20 flex h-[2.30rem] w-fit items-center justify-center rounded-md bg-acm-gradient px-4 py-2 text-base font-bold md:text-xl"
className="content z-20 flex h-[2.30rem] w-fit items-center justify-center bg-acm-gradient px-4 py-2 text-base font-bold md:text-xl rounded-lg border border-primary/50 bg-gray-300/10"
>
{card.linkText}
</Link>
Expand All @@ -72,7 +72,7 @@ function Home() {
</p>
<Link
href="https://portal.acmutd.co/opportunities"
className="z-20 flex h-[3rem] w-fit items-center justify-center rounded-md bg-acm-gradient px-4 py-2 text-base font-bold md:h-[2.30rem] md:text-xl"
className="z-20 flex h-[3rem] w-fit items-center justify-center bg-acm-gradient px-4 py-2 text-base font-bold md:h-[2.30rem] md:text-xl rounded-lg border border-primary/50 bg-gray-300/10"
>
apply today
</Link>
Expand All @@ -83,7 +83,7 @@ function Home() {
<div className="flex flex-col gap-y-3">
<Link
href="https://portal.acmutd.co/"
className="z-20 flex h-[3rem] w-fit items-center justify-center rounded-md bg-acm-gradient px-4 py-2 text-base font-bold md:h-[2.30rem] md:text-xl"
className="z-20 flex h-[3rem] w-fit items-center justify-center bg-acm-gradient px-4 py-2 text-base font-bold md:h-[2.30rem] md:text-xl rounded-lg border border-primary/50 bg-gray-300/10"
>
access portal
</Link>
Expand Down
2 changes: 1 addition & 1 deletion src/components/About/DivisionCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ export default function DivisionCard({ data }: DivisionCardProps) {
<Link
href={`${obj.link.startsWith('/') ? obj.link : `https://${obj.link}`}`}
key={index}
className={`flex items-center justify-center bg-${data.section}-gradient h-[2.30rem] text-base font-bold md:text-xl`}
className={`flex items-center justify-center bg-${data.section}-gradient h-[2.30rem] text-base font-bold md:text-xl rounded-lg border border-primary/50 bg-gray-300/10`}
>
{obj.name}
</Link>
Expand Down
2 changes: 1 addition & 1 deletion src/components/Apply/ApplyPrograms.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ function ApplyPrograms() {
<div className="flex w-full justify-end pr-10">
<Link
href="https://portal.acmutd.co/opportunities"
className="mt-6 flex h-12 w-64 items-center justify-center bg-acm-gradient py-2 text-2xl font-bold text-primary md:text-3xl"
className="mt-6 flex h-12 w-64 items-center justify-center bg-acm-gradient py-2 text-2xl font-bold text-primary md:text-3xl rounded-lg border border-primary/50 bg-gray-300/10 shadow-2xl"
>
apply now
</Link>
Expand Down
4 changes: 2 additions & 2 deletions src/components/Divisions/Shared/DivisionHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ export default function DivisionHeader({ children, division }: DivisionHeaderPro
{typeof applicationUrl[division] === 'string' ? (
<div className="mt-20 flex items-center">
<Link href={applicationUrl[division]}>
<div className={`bg-${division.split('.')[0]}-gradient px-5 py-2 text-xl text-white`}>
<div className={`bg-${division.split('.')[0]}-gradient px-5 py-2 text-xl text-white rounded-lg border border-primary/50 bg-gray-300/10`}>
apply today
</div>
</Link>
Expand All @@ -26,7 +26,7 @@ export default function DivisionHeader({ children, division }: DivisionHeaderPro
([roleName, appUrl]) => (
<Link href={appUrl} key={roleName}>
<div
className={`bg-${division.split('.')[0]}-gradient px-5 py-2 text-xl text-white`}
className={`bg-${division.split('.')[0]}-gradient px-5 py-2 text-xl text-white rounded-lg border border-primary/50 bg-gray-300/10`}
>
apply today as {roleName}
</div>
Expand Down