Changelog

- update layout
SumeyraBulut · Dec 25, 2023 · e03b619 · e03b619
1 parent 47daa14
commit e03b619
Showing 1 changed file with 31 additions and 28 deletions.
diff --git a/src/routes/changelog/[[page]]/+page.svelte b/src/routes/changelog/[[page]]/+page.svelte
@@ -43,43 +43,46 @@
 </svelte:head>
 
 <Main>
-    <div class="wrapper">
-        <h1 class="aw-display aw-u-color-text-primary">Changelog</h1>
-        <ul>
-            {#each data.entries as entry}
-                <li>
-                    <div class="aw-dot" />
-                    <ChangelogEntry {entry}>
-                        <svelte:component this={entry.component} />
-                    </ChangelogEntry>
-                </li>
-            {/each}
-        </ul>
-
-        {#if data.nextPage}
-            <button class="aw-button is-secondary" on:click={loadMore}>Load more</button>
-        {/if}
-    </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 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">
+                    <h1 class="aw-display aw-u-color-text-primary">Changelog</h1>
+                    <ul>
+                        {#each data.entries as entry}
+                            <li>
+                                <div class="aw-dot" />
+                                <ChangelogEntry {entry}>
+                                    <svelte:component this={entry.component} />
+                                </ChangelogEntry>
+                            </li>
+                        {/each}
+                    </ul>
+
+                    {#if data.nextPage}
+                        <button class="aw-button is-secondary" on:click={loadMore}>Load more</button>
+                    {/if}
+                </div>
+            </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>
     </div>
 </Main>
 
 <style lang="scss">
     .wrapper {
         --padding-inline: 1rem;
-
+        box-sizing: border-box;
         max-width: calc(49.375rem + var(--padding-inline) * 2);
-        margin-block-start: 7.5rem;
-        margin-inline: auto;
         padding-inline: var(--padding-inline);
-        padding-block-end: 10rem;
     }
 
     ul {