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

🎨 935 gradient for connector section #939

Merged
merged 19 commits into from
Jul 3, 2023

Conversation

jasangill1
Copy link
Contributor

About

-used an eclipse to make the radial gradient set stops at 50 percent and start at 5%

Notes

  • I am complaining to Tailwind cuz that was so painful
Screen Shot 2023-07-02 at 7 49 12 PM

@jasangill1 jasangill1 linked an issue Jul 3, 2023 that may be closed by this pull request
@vercel
Copy link

vercel bot commented Jul 3, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
agent-gpt 🛑 Canceled (Inspect) Jul 3, 2023 6:57am
docs 🛑 Canceled (Inspect) Jul 3, 2023 6:57am

@ergomake
Copy link

ergomake bot commented Jul 3, 2023

Hi 👋

Here's a preview environment 🚀

https://next-reworkd-agentgpt-939.env.ergomake.link

Environment Summary 📑

Container Source URL
next Dockerfile https://next-reworkd-agentgpt-939.env.ergomake.link
docs Dockerfile https://docs-reworkd-agentgpt-939.env.ergomake.link
platform Dockerfile https://platform-reworkd-agentgpt-939.env.ergomake.link
db Dockerfile [not exposed - internal service]
weaviate semitechnologies/weaviate:1.19.6 https://weaviate-reworkd-agentgpt-939.env.ergomake.link

Questions? Comments? Suggestions? Join Discord.

Click here to disable Ergomake.

@@ -0,0 +1,9 @@
import React from "react";

const Connector = () => {
Copy link
Member

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 :)

Copy link
Contributor

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>
Copy link
Member

Choose a reason for hiding this comment

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

Nice work here!

Suggested change
<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>

Copy link
Contributor

Choose a reason for hiding this comment

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

Lets make it purple?

@vercel vercel bot temporarily deployed to Preview – docs July 3, 2023 03:10 Inactive
@jasangill1
Copy link
Contributor Author

Screen Shot 2023-07-02 at 8 08 56 PM

@vercel vercel bot temporarily deployed to Preview – docs July 3, 2023 03:15 Inactive
@asim-shrestha
Copy link
Contributor

image

vs.

image
  • Need a much softer purple
  • Overflow is getting cut off

@vercel vercel bot temporarily deployed to Preview – docs July 3, 2023 04:01 Inactive
jasangill1 and others added 3 commits July 2, 2023 21:46
## Notes

- I can only expand the gradent so much before it bleed to the top and bottom, any suggestions?
@jasangill1
Copy link
Contributor Author

Screen Shot 2023-07-02 at 9 58 53 PM

@vercel vercel bot temporarily deployed to Preview – docs July 3, 2023 05:01 Inactive
@jasangill1
Copy link
Contributor Author

jasangill1 commented Jul 3, 2023

pick ur poison

Screen Shot 2023-07-02 at 10 02 14 PM ![Screen Shot 2023-07-02 at 10 02 14 PM (2)](https://github.com/reworkd/AgentGPT/assets/56135840/66a87ab2-9613-443f-93b2-df525d44d939)

@awtkns
Copy link
Member

awtkns commented Jul 3, 2023

Seems like you may need to play with contrast and saturation (tailwind css) to get the look you want.

@asim-shrestha asim-shrestha merged commit 6357237 into main Jul 3, 2023
@vercel vercel bot temporarily deployed to Preview – docs July 3, 2023 06:55 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

🎨 Gradient for connector Section
3 participants