authorgravatar for 136640686+MatthewFeroz@users.noreply.github.comMatthew Feroz <136640686+MatthewFeroz@users.noreply.github.com> 2026-09-10 14:36:55-04:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-10 15:36:55-03:00
log21d744039bf76c072c875886ee497e391a0dd430
tree8660b994ae36b1ce7d751b59be8ac55d933dd4c4
parent21a5ccf881abc3aa8b5ea9de4a65edbb6ceadbda
signature Signed by PGP key B5690EEEBB952194

fix(web): fit provider update text inside sidebar notices (#11034)

1 files changed, 8 insertions(+), 8 deletions(-)

apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx+8-8
......@@ -126,7 +126,7 @@ export function SidebarProviderUpdatePill() {
126126
127127 return (
128128 <div
129 className={`group/provider-update relative flex h-7 w-full items-center overflow-hidden rounded-lg text-xs font-medium transform-gpu transition-all duration-180 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform ${
129 className={`group/provider-update relative flex min-h-7 w-full shrink-0 items-center overflow-hidden rounded-lg text-[11px] leading-4 font-medium transform-gpu transition-all duration-180 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform ${
130130 PROVIDER_UPDATE_PILL_STYLES[displayedView.tone]
131131 } ${
132132 exitingKey === displayedView.key
......@@ -170,19 +170,19 @@ export function SidebarProviderUpdatePill() {
170170 <button
171171 type="button"
172172 aria-label={displayedView.description}
173 className="provider-update-main relative z-[1] flex h-full flex-1 items-center gap-2 px-2 text-left"
173 className="provider-update-main relative z-[1] flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-left"
174174 onClick={openProviderSettings}
175175 >
176176 {displayedView.tone === "loading" ? (
177 <Spinner className="size-3.5" />
177 <Spinner className="size-3.5 shrink-0" />
178178 ) : displayedView.tone === "success" ? (
179 <CircleCheckIcon className="size-3.5" />
179 <CircleCheckIcon className="size-3.5 shrink-0" />
180180 ) : displayedView.tone === "error" ? (
181 <TriangleAlertIcon className="size-3.5" />
181 <TriangleAlertIcon className="size-3.5 shrink-0" />
182182 ) : (
183 <DownloadIcon className="size-3.5" />
183 <DownloadIcon className="size-3.5 shrink-0" />
184184 )}
185 <span>{displayedView.title}</span>
185 <span className="min-w-0 wrap-break-word">{displayedView.title}</span>
186186 </button>
187187 }
188188 />
......@@ -199,7 +199,7 @@ export function SidebarProviderUpdatePill() {
199199 className="relative z-[1] mr-1 [--control-icon-color:currentColor] rounded-md text-inherit opacity-70 hover:bg-transparent hover:opacity-100"
200200 onClick={() => startExit(displayedView.key, null, displayedView.key)}
201201 >
202 <XIcon className="size-3.5" />
202 <XIcon className="size-3.5 shrink-0" />
203203 </Button>
204204 }
205205 />