Skip to content

Conversation

teallarson
Copy link
Collaborator

@teallarson teallarson commented Jun 13, 2025

  • Exports types to allow better integration with Typescript projects
  • Add margin: auto instead of depending on native browser styling. This fixes not only Tailwind-based projects, but any project that resets global browser defaults.

BEFORE:
Screenshot 2025-06-16 at 12 49 39 PM

AFTER:
Screenshot 2025-06-16 at 12 48 51 PM

@teallarson teallarson requested a review from quintonwall June 13, 2025 18:52
@teallarson teallarson changed the title feat: export types feat: export types and fix styling for Tailwind projects Jun 16, 2025
@teallarson teallarson requested a review from girarda June 16, 2025 16:55
max-height: 100vh;
max-width: 100vw;
overflow: hidden;
margin: auto;
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

The Big Important Line in this PR.

I was depending upon the native browser styling for dialogs, which centers them on the screen. Anybody who resets browser defaults or uses a framework that resets browser defaults would see the dialog in the top left corner as a result.

@teallarson teallarson changed the title feat: export types and fix styling for Tailwind projects feat: export types and fix styling for projects with global css resets Jun 16, 2025
Copy link
Contributor

@girarda girarda left a comment

Choose a reason for hiding this comment

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

:shipit:

@teallarson teallarson merged commit 706a53c into main Jun 16, 2025
2 checks passed
@teallarson teallarson deleted the teal/export-types branch June 16, 2025 20:38
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.

2 participants