YouHaveTrouble/GuildMaster
1
0
Fork 0
mirror of https://github.com/YouHaveTrouble/GuildMaster.git synced 2026-05-11 22:16:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

stop changelog from bumping the page when loading

Browse Source
This commit is contained in:
youhavetrouble
2023-07-26 00:18:57 +02:00
parent 13cb2c5a55
commit 17a091bec8
1 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/technical/ChangelogComponent.vue
+20 -5
View File
@@ -7,10 +7,12 @@
<Nail/> <Nail/>
</div> </div>
<h1>Changelog</h1> <h1>Changelog</h1>
<div class="changelog-entry" v-for="release in releases"> <div class="changelog-list">
<hr> <div class="changelog-entry" v-for="release in releases">
<h2><span>Version {{ release.name }}</span><small class="date">{{ timeFormat.format(release.createdAt) }}</small></h2> <hr>
<pre>{{ release.body }}</pre> <h2><span>Version {{ release.name }}</span><small class="date">{{ timeFormat.format(release.createdAt) }}</small></h2>
<pre>{{ release.body }}</pre>
</div>
</div> </div>
</div> </div>
</template> </template>
@@ -63,11 +65,14 @@ export default defineComponent({
padding-block: 3rem; padding-block: 3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
max-width: 45rem; max-width: 45rem;
min-height: 30rem;
max-height: 30rem;
width: 100%; width: 100%;
overflow-y: auto;
h1 { h1 {
font-size: 3rem; font-size: 3rem;
@@ -76,6 +81,16 @@ export default defineComponent({
text-align: center; text-align: center;
} }
.changelog-list {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 1rem;
width: 100%;
overflow-y: auto;
}
.changelog-entry { .changelog-entry {
width: 100%; width: 100%;