Skip to content

Commit

Permalink
[dev-overlay] style: improve version staleness indicator version unkn…
Browse files Browse the repository at this point in the history
…own (vercel#76061)

This PR added style for no version info found.

| _______ | Before | After |
|--------|--------|--------|
| Light | ![CleanShot 2025-02-15 at 03 00
34](https://github.com/user-attachments/assets/61138303-609d-47cd-b52c-6326b42f8b28)
| ![CleanShot 2025-02-15 at 02 59
08](https://github.com/user-attachments/assets/821919fd-7116-48ce-ad00-be467a214f97)
|
| Dark | ![CleanShot 2025-02-15 at 03 00
29](https://github.com/user-attachments/assets/2cc219ac-13f5-477f-817d-0cf69a1863cd)
| ![CleanShot 2025-02-15 at 02 59
13](https://github.com/user-attachments/assets/89168eaf-9d33-44bd-803e-3d8422c7b251)
|
  • Loading branch information
devjiwonchoi authored Feb 14, 2025
1 parent 9c7a246 commit 1afef12
Showing 1 changed file with 7 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,9 @@ export function getStaleness({ installed, staleness, expected }: VersionInfo) {
break
}
case 'unknown':
text = 'No version data'
text = `${versionLabel} (unknown)`
title = 'No Next.js version data was found.'
indicatorClass = 'unknown'
break
default:
break
Expand Down Expand Up @@ -133,6 +135,10 @@ export const styles = css`
fill: var(--color-red-800);
stroke: var(--color-red-300);
}
.version-staleness-indicator.unknown {
fill: var(--color-gray-800);
stroke: var(--color-gray-300);
}
.nextjs-container-build-error-version-status > .turbopack-text {
background: linear-gradient(
Expand Down

0 comments on commit 1afef12

Please sign in to comment.