mirror of https://github.com/shadcn-ui/ui.git synced 2026-06-25 21:56:08 +00:00

Go to file

IDRISSI HAMZA 44f35d55b0 fix(components): fix text wrapping issue in buttons (#1548 )

## What does this PR do?

This pull request resolves an issue where the button text wraps onto the next line in specific screen sizes when the text contains two or more words. By applying the whitespace-nowrap utility class to the button element, the text now remains on a single line, even on screens with limited space. This enhancement ensures a consistent and visually pleasing user experience across various devices :

### Before (Get Started Button)
![before](https://github.com/shadcn-ui/ui/assets/97639117/50c8211d-2ed7-46d0-8ab2-d4c565d0d6f3)


### After  (Get Started Button)
![after](https://github.com/shadcn-ui/ui/assets/97639117/0f9f7e68-31e8-4011-a2ca-d7e59b3690ee)





This problem arises in other projects utilizing Shadcn, and this pull request addresses and resolves the issue, as demonstrated in the Cal.com project example:

### Before (Set Up Button)
![button-before](https://github.com/calcom/cal.com/assets/97639117/8f588a53-411a-4e9d-95df-76bd42d480d7)

### After  (Set Up Button)
![button-fixed](https://github.com/calcom/cal.com/assets/97639117/4c74e77a-a2cd-4b0c-87ee-a82dbefc23eb)

2023-10-21 12:09:10 +00:00

.changeset

Support tailwind.config.ts (#1247 )

2023-10-19 17:44:11 +00:00

.github

ci: rename repo owner (#1056 )

2023-07-27 13:12:13 +04:00

.husky

chore(www): update deps and fix CI errors (#204 )

2023-04-19 13:22:53 +04:00

.vscode

feat: new CLI, Styles and more (#637 )

2023-06-22 22:44:52 +04:00

apps/www

fix(components): fix text wrapping issue in buttons (#1548 )

2023-10-21 12:09:10 +00:00

packages/cli

Support tailwind.config.ts (#1247 )

2023-10-19 17:44:11 +00:00

scripts

chore: update template

2023-04-19 15:01:29 +04:00

templates/next-template

Fix support rule in site-header.tsx (#1628 )

2023-10-19 18:10:45 +00:00

.commitlintrc.json

feat: initial commit

2023-01-24 19:51:29 +04:00

.editorconfig

feat: initial commit

2023-01-24 19:51:29 +04:00

.eslintrc.json

feat: new CLI, Styles and more (#637 )

2023-06-22 22:44:52 +04:00

.gitignore

ci: add code-check workflow (#71 )

2023-02-10 11:15:33 +04:00

.kodiak.toml

chore: add kodiak

2023-10-19 21:12:17 +04:00

.npmrc

feat: initial commit

2023-01-24 19:51:29 +04:00

.nvmrc

feat: initial commit

2023-01-24 19:51:29 +04:00

.prettierignore

feat: new CLI, Styles and more (#637 )

2023-06-22 22:44:52 +04:00

CONTRIBUTING.md

docs(www): update contrubuting.md and next.mdx (#1343 )

2023-08-31 17:01:36 +04:00

LICENSE.md

chore: add MIT license

2023-01-27 16:02:33 +04:00

package.json

feat: new CLI, Styles and more (#637 )

2023-06-22 22:44:52 +04:00

pnpm-lock.yaml

feat: themes (#1135 )

2023-08-07 22:39:16 +04:00

pnpm-workspace.yaml

feat: new CLI, Styles and more (#637 )

2023-06-22 22:44:52 +04:00

postcss.config.cjs

fix: rename to cjs

2023-03-08 13:08:46 +04:00

prettier.config.cjs

feat: new CLI, Styles and more (#637 )

2023-06-22 22:44:52 +04:00

README.md

docs: add contributing guide (#1266 )

2023-08-17 14:59:22 +04:00

tailwind.config.cjs

Support tailwind.config.ts (#1247 )

2023-10-19 17:44:11 +00:00

tsconfig.json

feat: initial commit

2023-01-24 19:51:29 +04:00

turbo.json

feat: new CLI, Styles and more (#637 )

2023-06-22 22:44:52 +04:00

vitest.config.ts

feat: new CLI, Styles and more (#637 )

2023-06-22 22:44:52 +04:00

README.md

shadcn/ui

Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library.

Documentation

Visit http://ui.shadcn.com/docs to view the documentation.

Contributing

Please read the contributing guide.

License

Licensed under the MIT license.