search

jina-ai / dashboard

Interactive UI for analyzing Jina logs, designing Flows and viewing Hub images
https://dashboard.jina.ai
Apache License 2.0
118 stars 61 forks source link

🎨 fix style: import YAML modal #363

Closed Roshanjossey closed 3 years ago

Roshanjossey commented 3 years ago

This is the component that should be fixed.

image

It should be fixed as below

image

You can find the right styles implemented in https://dashboard.jina.ai/

💻 How to run this project locally

  1. Fork this repository by clicking on fork button on the top right. This will create a copy of this repository on your account.

  2. Clone your fork. Get the URL of your fork by clicking on code button on GitHub. Clone it to your local with command git clone <URL you copied>

    git clone <https://github.com/><your-username>/dashboard.git.

  3. Install dependencies using command npm i.

    cd dashboard
npm i

  4. Run dashboard via the following ways .

Run in the debug mode

npm run dev

Dashboard will be served on `http://localhost:3000` by default

🏃‍♀️ How to get there.

Click on the option Flow Design from the sidebar on the left and click on the button with cloud icon

The component of interest is PasteYAML.tsx

📝 Where to make changes?

https://github.com/jina-ai/dashboard/blob/master/src/modals/PasteYAML.tsx

Please use TailwindCSS for styling as much as you can.

🖐️ I want to work on this.

If you're interested in working on this issue, please write a comment down below. 💬

PUSHKARVINAYAK commented 3 years ago

hello , i am new to open source and i want to do this ..

Roshanjossey commented 3 years ago

Hi @PUSHKARVINAYAK, sure, go ahead. Feel free to ask here if you have any quesetions.

jina-bot commented 3 years ago

This issue is stale because it has been open 20 days with no activity. Remove stale label or comment or this will be closed in 4 days