fix: changelog margins overlapping link (#3593)

* fix: changelog margins overlapping link

* dont start gradient 8rem away

apps/frontend/src/pages/news/changelog/[product]/[date].vue

@@ -39,13 +39,8 @@ if (!changelogEntry.value) {
     >
       <ChevronLeftIcon /> View full changelog
     </nuxt-link>
-    <Timeline fade-out-end :fade-out-start="!isFirst" :class="{ '-mt-8': !isFirst }">
-      <ChangelogEntry
-        :entry="changelogEntry"
-        :first="isFirst"
-        show-type
-        :class="{ 'mt-8': !isFirst }"
-      />
+    <Timeline fade-out-end :fade-out-start="!isFirst">
+      <ChangelogEntry :entry="changelogEntry" :first="isFirst" show-type />
     </Timeline>
   </div>
 </template>

packages/ui/src/components/base/Timeline.vue

@@ -48,7 +48,7 @@ withDefaults(
     mask-image: linear-gradient(
       to bottom,
       transparent 0%,
-      black 8rem,
+      black,
       black calc(100% - 8rem),
       transparent 100%
     );