-
-
Notifications
You must be signed in to change notification settings - Fork 9.2k
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
🎨 935 gradient for connector section #939
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Hi 👋 Here's a preview environment 🚀 https://next-reworkd-agentgpt-939.env.ergomake.link Environment Summary 📑
Questions? Comments? Suggestions? Join Discord. Click here to disable Ergomake. |
@@ -0,0 +1,9 @@ | |||
import React from "react"; | |||
|
|||
const Connector = () => { |
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.
Might want to rename this component to something more descriptive :)
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.
ConnectorSection?
|
||
const Connector = () => { | ||
return ( | ||
<div className="flex h-screen w-screen items-center justify-center bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-slate-900 from-10% via-transparent via-70% to-transparent "></div> |
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.
Nice work here!
<div className="flex h-screen w-screen items-center justify-center bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-slate-900 from-10% via-transparent via-70% to-transparent "></div> | |
<div className="flex h-screen w-screen items-center justify-center bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-slate-900 from-10% via-transparent via-70% to-transparent"></div> |
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.
Lets make it purple?
## Notes - I can only expand the gradent so much before it bleed to the top and bottom, any suggestions?
Seems like you may need to play with contrast and saturation (tailwind css) to get the look you want. |
…om/reworkd/AgentGPT into 935-gradient-for-connector-section
About
-used an eclipse to make the radial gradient set stops at 50 percent and start at 5%
Notes