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

fix:#37 updated margins and mobile layout

Browse Source
This commit is contained in:
Elmar Kresse
2024-07-12 11:04:18 +02:00
parent 78472a42d6
commit c21402bbfd
3 changed files with 18 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -86,32 +86,18 @@ const hasContent = computed(() => {
]"
>
<slot name="content"></slot>
</div>
<div
v-if="button"
:class = "[
hideContent
? ['opacity-0', 'pointer-events-none', 'h-1rem', 'overflow-hidden']
: [
'flex',
'flex-wrap',
'my-3',
'gap-2',
'w-full',
'lg:w-8',
'align-items-center',
'justify-content-end',
]
]"
class=""
>
<Button
:disabled="button.disabled"
class="col-12 md:col-4"
:icon="button.icon"
:label="button.label"
@click="button.onClick()"
/>
<div
v-if="button"
class="flex flex-wrap my-3 gap-2 align-items-center justify-content-end"
>
<Button
:disabled="button.disabled"
class="col-12 md:col-4"
:icon="button.icon"
:label="button.label"
@click="button.onClick()"
/>
</div>
</div>
</div>
</template>