Dun-sin / Code-Magic

Code Generator - Easily Generate CSS and Tailwind code based on your choice and input
https://code-magic.vercel.app
MIT License
382 stars 203 forks source link

[BUG] Animation and Transform preview not in center. #524

Closed VishakhaSainani closed 10 months ago

VishakhaSainani commented 10 months ago

Description

DESCRIPTION

The preview of animator and transformer was on top left position , so it was not visually effective. Thus, need to make it centered. Also make it mobile responsive.

Screenshots

Before Screenshot :

Code Magic - Google Chrome 22-10-2023 01_01_10

After Screenshot:

Code Magic - Google Chrome 22-10-2023 01_01_17 Code Magic - Google Chrome 22-10-2023 01_01_25

Mobile responsive screenshot after update :

Code Magic - Google Chrome 22-10-2023 01_03_44

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

🏢 Have you read the Contributing Guidelines?

Are you willing to work on this issue?

Yes I am willing to submit a PR!

github-actions[bot] commented 10 months ago

It's great having you contribute to this project by creating an issue

Make sure you are assigned to this before you work on it and you read the Contributing.md file, Thank you! Welcome to the community :nerd_face:

VishakhaSainani commented 10 months ago

@Dun-sin Please assign this issue to me. PR is ready with me. Thankyou :)

Dun-sin commented 10 months ago

Not accepted, thanks for raising

VishakhaSainani commented 10 months ago

@Dun-sin May I know why you don't want the preview in center, it will look better that way?