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

fix:#72 commit hash responsive design

Browse Source
This commit is contained in:
survellow
2025-04-07 19:52:52 +02:00
parent 744dd90cd2
commit a1c5f30393
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/Footer.vue
View File

@ -17,10 +17,11 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
--> -->
<script lang="ts" setup> <script lang="ts" setup>
import { computed, ref } from "vue"; import { computed, inject, Ref, ref } from "vue";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import OverlayPanel from "primevue/overlaypanel"; import OverlayPanel from "primevue/overlaypanel";
const { t } = useI18n({ useScope: "global" }); const { t } = useI18n({ useScope: "global" });
const mobilePage = inject("mobilePage") as Ref<boolean>;
const commit = computed(() => ([ const commit = computed(() => ([
{ {
@ -48,8 +49,8 @@ const commitOverlay = ref<OverlayPanel | null>(null);
@click="commitOverlay?.toggle($event)" @click="commitOverlay?.toggle($event)"
> >
</Button> </Button>
<OverlayPanel class="overlay-panel" ref="commitOverlay" :showCloseIcon="true" :dismissable="true"> <OverlayPanel class="overlay-panel" ref="commitOverlay" :showCloseIcon="!mobilePage" :dismissable="true">
<div class="flex flex-column w-25rem"> <div class="flex flex-column" :class="mobilePage ? 'w-full' : 'w-25rem'">
<b>{{ t('footer.commitInfo.title') }}</b> <b>{{ t('footer.commitInfo.title') }}</b>
<p>{{ t('footer.commitInfo.description') }}</p> <p>{{ t('footer.commitInfo.description') }}</p>
<DataTable <DataTable
@ -57,6 +58,7 @@ const commitOverlay = ref<OverlayPanel | null>(null);
:value="commit" :value="commit"
:paginator="false" :paginator="false"
:rows="commit.length" :rows="commit.length"
:size="mobilePage ? 'small' : 'large'"
class="w-full" class="w-full"
> >
<Column field="name" :header="t('footer.commitInfo.component')" /> <Column field="name" :header="t('footer.commitInfo.component')" />