Change Log

-Fix HTML stracture
SumeyraBulut · Dec 25, 2023 · 9cabdd6 · 9cabdd6
1 parent cb8e783
commit 9cabdd6
Showing 1 changed file with 36 additions and 44 deletions.
diff --git a/src/routes/changelog/entry/[entry]/+page.svelte b/src/routes/changelog/entry/[entry]/+page.svelte
@@ -36,52 +36,44 @@
 </svelte:head>
 
 <Main>
-    <div class="aw-container wrapper" style="--container-size:42.5rem">
-        <article class="aw-main-article">
-            <header class="aw-main-article-header">
-                <a class="aw-link aw-u-color-text-secondary" href="/changelog">
-                    <span class="aw-icon-chevron-left" aria-hidden="true" />
-                    <span>Back to Changelog</span>
-                </a>
-                <ul class="aw-metadata aw-caption-400">
-                    <li>
-                        <time datetime={data.date}>{formatDate(data.date)}</time>
-                    </li>
-                </ul>
-                <h1 class="aw-title aw-u-color-text-primary">{data.title}</h1>
-            </header>
-            {#if data.cover}
-                <div class="aw-media-container">
-                    <img class="u-block" src={data.cover} alt="" />
-                </div>
-            {/if}
+    <div class="aw-big-padding-section">
+        <div class="aw-big-padding-section-level-1">
+            <div class="aw-big-padding-section-level-2">
+                <div class="aw-container wrapper" style="--container-size:42.5rem">
+                    <article class="aw-main-article">
+                        <header class="aw-main-article-header">
+                            <a class="aw-link aw-u-color-text-secondary" href="/changelog">
+                                <span class="aw-icon-chevron-left" aria-hidden="true" />
+                                <span>Back to Changelog</span>
+                            </a>
+                            <ul class="aw-metadata aw-caption-400">
+                                <li>
+                                    <time datetime={data.date}>{formatDate(data.date)}</time>
+                                </li>
+                            </ul>
+                            <h1 class="aw-title aw-u-color-text-primary">{data.title}</h1>
+                        </header>
+                        {#if data.cover}
+                            <div class="aw-media-container">
+                                <img class="u-block" src={data.cover} alt="" />
+                            </div>
+                        {/if}
 
-            <div class="aw-article-content u-margin-block-start-32">
-                <svelte:component this={data.component} />
+                        <div class="aw-article-content u-margin-block-start-32">
+                            <svelte:component this={data.component} />
+                        </div>
+                    </article>
+                </div>
+            </div>
+            <div class="aw-big-padding-section-level-1 u-position-relative u-overflow-hidden">
+                <div class="aw-big-padding-section-level-2">
+                    <div class="aw-container">
+                        <PreFooter />
+                        <FooterNav />
+                        <MainFooter />
+                    </div>
+                </div>
             </div>
-        </article>
-    </div>
-
-    <div
-        class="aw-big-padding-section-level-2 is-margin-replace-padding u-position-relative u-overflow-hidden"
-    >
-        <div class="aw-container">
-            <PreFooter />
-            <FooterNav />
-            <MainFooter />
         </div>
     </div>
 </Main>
-
-<style lang="scss">
-    .wrapper {
-        padding-block-start: 3rem;
-        padding-block-end: 10rem;
-    }
-
-    header a {
-        display: flex;
-        align-items: center;
-        translate: -0.35rem -0.25rem;
-    }
-</style>