HTWK/htwkalender
1
1
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git synced 2025-07-19 19:18:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix overlapping transition declarations

Browse Source
This commit is contained in:
survellow
2024-01-17 21:03:14 +01:00
parent 32a1d41e45
commit 061d0bd21e
2 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/view/DynamicPage.vue
View File

@ -24,11 +24,12 @@ const hasContent = computed(() => {
</script>
<template>
<div
class="flex flex-column align-items-center transition-all transition-duration-500 transition-ease-in-out mt-0"
:class="{ 'md:mt-8': hideContent }"
<div
class="flex flex-column align-items-center mt-0"
>
<div class="flex align-items-center justify-content-center gap-2 mx-2">
<div class="flex align-items-center justify-content-center gap-2 mx-2 transition-rolldown"
:class="{'md:mt-8': hideContent}"
>
<h3 class="text-4xl">
{{ headline }}
</h3>
@ -71,3 +72,9 @@ const hasContent = computed(() => {
</div>
</div>
</template>
<style scoped>
.transition-rolldown {
transition: margin-top 0.5s ease-in-out;
}
</style>