sebastian2357 ff366a4075
fix(webapp): mobile optimization (#8516)
* - optimized header
- added possibility of extra mobile logo

* - changed behavior of NotificationMenu link get directly open for mobile

* - moved notification links to the top of the menu

* - optimized chat view for mobile

* - added logo branding structure

* - added logo branding structure

* - fixed chat height

* - fixed paddings for internal pages

* Fix linting

* Fix linting

---------

Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
2025-05-09 17:04:06 +00:00

48 lines
1.2 KiB
Vue

<template>
<div>
<ds-space margin="small">
<ds-heading v-if="pageParams.internalPage.headlineIdent !== null" tag="h2">
{{ $t(pageParams.internalPage.headlineIdent) }}
</ds-heading>
</ds-space>
<ds-container v-if="pageParams.internalPage.hasContainer">
<div v-if="!pageParams.internalPage.hasBaseCard">
<br />
<div v-html="$t(pageParams.internalPage.htmlIdent)" />
</div>
<base-card v-else>
<div v-html="$t(pageParams.internalPage.htmlIdent)" />
</base-card>
</ds-container>
<div v-else-if="!pageParams.internalPage.hasBaseCard">
<br />
<div v-html="$t(pageParams.internalPage.htmlIdent)" />
</div>
<base-card v-else>
<div v-html="$t(pageParams.internalPage.htmlIdent)" />
</base-card>
</div>
</template>
<script>
export default {
name: 'InternalPage',
props: {
pageParams: { type: Object, required: true },
},
}
</script>
<style lang="scss" scoped>
@media only screen and (max-width: 500px) {
.ds-container {
padding-left: 0 !important;
padding-right: 0 !important;
.base-card {
padding: 16px !important;
}
}
}
</style>