Skip to content

Conversation

ra-jeev
Copy link
Contributor

@ra-jeev ra-jeev commented May 29, 2025

πŸ”— Linked issue

None

❓ Type of change

  • πŸ“– Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • πŸ‘Œ Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

πŸ“š Description

Instead of using a px value, we should use a relative (rem) value.

The hardcoded px value makes the leading text overlap the input text if browser's default font-size is changed (see attached image).

image

πŸ“ Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

Instead of using a `px` value, we should use a relative (`rem`) value. 

The hardcoded `px` breaks the input, and leading text overlaps the input text if browser's default font-size is changed.
Copy link

pkg-pr-new bot commented May 29, 2025

npm i https://pkg.pr.new/@nuxt/ui@4252

commit: bf925b8

@benjamincanac benjamincanac changed the title chore(docs): Update InputButtonGroupExample.vue docs(input): update button group example May 30, 2025
@benjamincanac benjamincanac merged commit accf690 into nuxt:v3 May 30, 2025
6 checks passed
@benjamincanac benjamincanac added the v3 #1289 label Aug 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
v3 #1289
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants