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.

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

fixed donate button #50

Merged
merged 6 commits into from
Mar 15, 2024
Merged

fixed donate button #50

merged 6 commits into from
Mar 15, 2024

Conversation

charleenschen
Copy link
Collaborator

image

@charleenschen charleenschen self-assigned this Feb 3, 2024
@charleenschen charleenschen linked an issue Feb 3, 2024 that may be closed by this pull request
@@ -5,7 +5,7 @@ const Donate = () => {
return (
<Link
href="#"
className="bg-green-600 text-white text-2xl font-bold text-decoration-line: underline flex justify-center items-center rounded-3xl min-w-fit px-4 min-h-fit py-1 hover:scale-110"
className="bg-hsp-green text-white text-[60px] font-urbanist font-black underline flex justify-center items-center rounded-[40.5rem] w-[364] h-[81] my-7 px-2.5 py-0 decoration-1 underline-offset-4 hover:scale-110"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

so this is good! instead of hardcoding height and width, can you eye ball it and make min-w-fit and w-4/12 or something for the page. And also for text-[60px] make it text-3xl or anything that is closer to 60 px.

@@ -0,0 +1,7 @@
{
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you try pushing again? I think you pushed the workspace accidentally.

@@ -1,7 +1,115 @@
import React from "react";

const Table = () => {
return <div>Table</div>;
return (
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the table should not be part of your commit. Check and push again

@@ -5,7 +5,7 @@ const Donate = () => {
return (
<Link
href="#"
className="bg-green-600 text-white text-2xl font-bold text-decoration-line: underline flex justify-center items-center rounded-3xl min-w-fit px-4 min-h-fit py-1 hover:scale-110"
className="bg-hsp-green text-white text-6xl font-urbanist font-black underline flex justify-center items-center rounded-[40.5rem] min-w-fit h-20 my-7 px-2.5 py-0 decoration-1 underline-offset-4 hover:scale-110"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

rounded-40.5 rem cannot be hard coded. Change to 2xl or whichever value matches the most.

@rfairooz rfairooz merged commit 38dff63 into dev Mar 15, 2024
4 checks passed
@rfairooz rfairooz deleted the charleen/donateButton branch March 15, 2024 22:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Donate Button Bug
2 participants