[DevOverlay] Apply Turbopack Styling

vercel · Jan 8, 2025 · 57352a9 · 57352a9
1 parent c132925
commit 57352a9
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/...v-overlay/_experimental/internal/components/VersionStalenessInfo/VersionStalenessInfo.tsx b/...v-overlay/_experimental/internal/components/VersionStalenessInfo/VersionStalenessInfo.tsx
@@ -15,7 +15,11 @@ export function VersionStalenessInfo({
   if (!text) return null
 
   return (
-    <span className="nextjs-container-build-error-version-status dialog-exclude-closing-from-outside-click">
+    <span
+      className={`nextjs-container-build-error-version-status dialog-exclude-closing-from-outside-click ${
+        isTurbopack ? 'turbopack-border' : ''
+      }`}
+    >
       <Eclipse className={`version-staleness-indicator ${indicatorClass}`} />
       <span data-nextjs-version-checker title={title}>
         {text}
@@ -107,6 +111,15 @@ export const styles = css`
     stroke: var(--color-red-300);
   }
 
+  .turbopack-border {
+    border: 1px solid transparent;
+    background:
+      linear-gradient(var(--color-background-100), var(--color-background-100))
+        padding-box,
+      linear-gradient(to right, #ea3c5a, #4194f7) border-box;
+    border-radius: var(--rounded-full);
+  }
+
   .turbopack-text {
     background: linear-gradient(280deg, #0096ff 0%, #ff1e56 100%);
     background-clip: text;