ixartz / Astro-boilerplate

🚀 Astro boilerplate with responsive blog and portfolio template using TypeScript and React styled with Tailwind CSS ⚡️ Made with developer experience first: TypeScript + ESLint + Prettier + Husky + Lint-Staged + Commitlint + VSCode
https://creativedesignsguru.com/demo/astro-boilerplate/
754 stars 321 forks source link

Design not completely fluid and no option to add styles to components #7

Open imixtron opened 2 years ago

imixtron commented 2 years ago
  1. Adding extra Categories Tags breaks the UI fluidity on mobile apps.
  2. Hero banner Avatar looks fine with provided image but its breaking other images that do not have transparent padding by default.

Also components do not take any style props or it could have been fixed by adding the right css style.

image image
ixartz commented 2 years ago

@imixtron, the component is inside another repository: https://github.com/ixartz/astro-boilerplate-components

It was a requirement from Astro hackathon to have a separate repository. Totally open for pull request.

  1. This is totally fixable with Tailwind CSS.
  2. You don't have much choice to use transparent background. This isn't related to the template. When the background is dark, you need either a similar color or transparent background. You have a lot of online tool which can make the background transparent in your image.
yoriscape commented 2 years ago

You can configure position of buttons you're placing.

ShahRishi commented 1 year ago

@imixtron, the component is inside another repository: https://github.com/ixartz/astro-boilerplate-components

It was a requirement from Astro hackathon to have a separate repository. Totally open for pull request.

  1. This is totally fixable with Tailwind CSS.
  2. You don't have much choice to use transparent background. This isn't related to the template. When the background is dark, you need either a similar color or transparent background. You have a lot of online tool which can make the background transparent in your image.

Regarding this, is there a way we can edit the astro-boilerplate-components for our own projects? Thanks!

ixartz commented 1 year ago

Yes, you can edit for your own project and the repository is here: https://github.com/ixartz/astro-boilerplate-components

ShahRishi commented 1 year ago

Sorry but I wanted to clarify, do how do I merge this repo with the template?

ixartz commented 1 year ago

If you want to merge, you can copy the files from the other repository.