fix: move codeblock margin to subsection component

ignace · ignace · commit 748edcfc8aba · 2023-08-28T13:18:21.000+02:00
diff --git a/app/components/code-snippet.css b/app/components/code-snippet.css
diff --git a/app/components/code-snippet.hbs b/app/components/code-snippet.hbs
@@ -4,6 +4,5 @@
     @code={{snippet.source}}
     @language={{snippet.language}}
     @showLineNumbers={{true}}
-    local-class="code-snippet"
   />
 {{/let}}
diff --git a/app/components/guide-section/subsection.css b/app/components/guide-section/subsection.css
@@ -62,3 +62,7 @@
   justify-content: flex-end;
   margin-top: 1rem;
 }
+
+.code-snippet {
+  margin-top: 0.5rem;
+}
diff --git a/app/components/guide-section/subsection.hbs b/app/components/guide-section/subsection.hbs
@@ -48,9 +48,11 @@
         </h4>
 
         {{#each @subsection.classicFiles as |file|}}
-          <CodeSnippet
-            @fileName="{{@sectionId}}/{{subsectionId}}/{{file}}"
-          />
+          <div local-class="code-snippet">
+            <CodeSnippet
+              @fileName="{{@sectionId}}/{{subsectionId}}/{{file}}"
+            />
+          </div>
         {{/each}}
 
         {{#if @subsection.classicDescriptionKey}}
@@ -69,9 +71,11 @@
         </h4>
 
         {{#each @subsection.octaneFiles as |file|}}
-          <CodeSnippet
-            @fileName="{{@sectionId}}/{{subsectionId}}/{{file}}"
-          />
+          <div local-class="code-snippet">
+            <CodeSnippet
+              @fileName="{{@sectionId}}/{{subsectionId}}/{{file}}"
+            />
+          </div>
         {{/each}}
 
         {{#if @subsection.octaneDescriptionKey}}

Original file line number	Diff line number	Diff line change
`@@ -62,3 +62,7 @@`
`62`	`62`	`justify-content: flex-end;`
`63`	`63`	`margin-top: 1rem;`
`64`	`64`	`}`
	`65`	`+`
	`66`	`+.code-snippet {`
	`67`	`+ margin-top: 0.5rem;`
	`68`	`+}`