Revert accidental changes

ksen0 · ksen0 · commit 7f786698115e · 2025-10-30T18:45:44.000+01:00
This reverts commit a8a846e.
diff --git a/src/components/Banner/index.astro b/src/components/Banner/index.astro
@@ -5,14 +5,12 @@ const { Content } = await entry.render();
 const { link, title } = entry.data;
 ---
 
-<header>
-  <div class="banner bg-accent-color text-accent-type-color" style={{ display: 'none' }} data-title={title}>
-    <a class="banner-content" href={link} target="_blank">
-      <Content />
-    </a>
-    <button id="hideBanner" aria-label="Hide banner"><Icon kind="close" /></button>
-  </div>
-</header>
+<div class="banner bg-accent-color text-accent-type-color" style={{ display: 'none' }} data-title={title}>
+  <a class="banner-content" href={link} target="_blank">
+    <Content />
+  </a>
+  <button id="hideBanner" aria-label="Hide banner"><Icon kind="close" /></button>
+</div>
 
 <script>
 const banner = document.querySelector('.banner');
diff --git a/src/components/CodeContainer/index.astro b/src/components/CodeContainer/index.astro
@@ -1,5 +1,5 @@
 <code
-  class={`relative inline-block w-full rounded-[1.25rem] p-sm my-md text-body-mono [&>pre]:text-wrap break-all code-box ${Astro.props.class}`}
+  class={`relative inline-block w-full bg-bg-gray-40 rounded-[1.25rem] p-sm my-md text-body-mono [&>pre]:text-wrap break-all code-box ${Astro.props.class}`}
 >
   <slot />
 </code>
diff --git a/src/layouts/ExampleLayout.astro b/src/layouts/ExampleLayout.astro
@@ -59,14 +59,6 @@ const remixHistoryHasCodeLinks = example.data.remix?.some(
   (item) => Array.isArray(item.code) && item.code.length > 0
 );
 
-const { showBanner, englishUrl } = checkTranslationBanner(
-  'examples',
-  example.id,
-  currentLocale,
-  Astro.url.pathname,
-  Astro.url.origin
-);
-
 <Head
   title={example.data.title}
   locale={currentLocale}
diff --git a/styles/global.scss b/styles/global.scss
@@ -261,6 +261,7 @@ section,
 }
 
 .astro-code,
+.code-box,
 .reference-item pre {
   background-color: var(--bg-gray-40) !important;
   padding: var(--spacing-sm);
@@ -278,17 +279,6 @@ section,
   }
 }
 
-.code-box {
-  background-color: #fff !important;
-  padding: var(--spacing-sm);
-  max-width: 100%;
-  overflow-x: auto;
-  border-radius: 20px;
-  @media (max-width: $breakpoint-tablet) {
-    border-radius: 10px;
-  }
-}
-
 .reference-item pre code {
   background-color: transparent;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`<code`
`2`		- class={`relative inline-block w-full rounded-[1.25rem] p-sm my-md text-body-mono [&>pre]:text-wrap break-all code-box ${Astro.props.class}`}
	`2`	+ class={`relative inline-block w-full bg-bg-gray-40 rounded-[1.25rem] p-sm my-md text-body-mono [&>pre]:text-wrap break-all code-box ${Astro.props.class}`}
`3`	`3`	`>`
`4`	`4`	`<slot />`
`5`	`5`	`</code>`
Original file line number	Diff line number	Diff line change
`@@ -261,6 +261,7 @@ section,`
`261`	`261`	`}`
`262`	`262`
`263`	`263`	`.astro-code,`
	`264`	`+.code-box,`
`264`	`265`	`.reference-item pre {`
`265`	`266`	`background-color: var(--bg-gray-40) !important;`
`266`	`267`	`padding: var(--spacing-sm);`
`@@ -278,17 +279,6 @@ section,`
`278`	`279`	`}`
`279`	`280`	`}`
`280`	`281`
`281`		`-.code-box {`
`282`		`- background-color: #fff !important;`
`283`		`- padding: var(--spacing-sm);`
`284`		`- max-width: 100%;`
`285`		`- overflow-x: auto;`
`286`		`- border-radius: 20px;`
`287`		`- @media (max-width: $breakpoint-tablet) {`
`288`		`- border-radius: 10px;`
`289`		`- }`
`290`		`-}`
`291`		`-`
`292`	`282`	`.reference-item pre code {`
`293`	`283`	`background-color: transparent;`
`294`	`284`	`}`