-
Notifications
You must be signed in to change notification settings - Fork 0
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
Conversation
charleenschen
commented
Feb 3, 2024
src/components/donate/Donate.js
Outdated
@@ -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" |
There was a problem hiding this comment.
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.
hsp-website.code-workspace
Outdated
@@ -0,0 +1,7 @@ | |||
{ |
There was a problem hiding this comment.
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.
src/components/donate/Table.js
Outdated
@@ -1,7 +1,115 @@ | |||
import React from "react"; | |||
|
|||
const Table = () => { | |||
return <div>Table</div>; | |||
return ( |
There was a problem hiding this comment.
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
src/components/donate/Donate.js
Outdated
@@ -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" |
There was a problem hiding this comment.
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.