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

92 frontend refinements, clickable logo

Browse Source
This commit is contained in:
survellow
2023-12-04 02:39:08 +01:00
parent fbaff30f09
commit 8dfe8a4836
9 changed files with 135 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/view/EditCalendarView.vue
View File

@@ -66,36 +66,39 @@ function loadCalendar(): void {
</script>
<template>
<div class="flex flex-column">
<div class="flex align-items-center justify-content-center h-4rem mt-2">
<div class="flex flex-column align-items-center transition-all transition-duration-500 transition-ease-in-out md:mt-8">
<div class="flex align-items-center justify-content-center gap-2 mx-2">
<h3 class="text-4xl">
{{ $t("editCalendarView.headline") }}
<i
class="pi pi-pencil vertical-align-baseline ml-2"
style="font-size: 2rem"
></i>
</h3>
<i
class="pi pi-pencil"
style="font-size: 2rem"
></i>
</div>
<div
class="flex align-items-center justify-content-center h-4rem border-round"
class="flex justify-content-center"
>
<p class="text-2xl">{{ $t("editCalendarView.subTitle") }}</p>
<p class="text-2xl m-2">{{ $t("editCalendarView.subTitle") }}</p>
</div>
<div
class="flex align-items-center justify-content-center border-round m-2"
class="flex align-items-center justify-content-center m-4 w-full lg:w-8"
>
<InputText
v-model="token"
type="text"
class="w-full"
autofocus
@keyup.enter="loadCalendar"
/>
</div>
<div
class="flex align-items-center justify-content-center border-round m-2"
class="flex align-items-center justify-content-end m-2 w-full lg:w-8"
>
<Button
:label="$t('editCalendarView.loadCalendar')"
icon="pi pi-arrow-down"
class="col-12 md:col-4 mb-3 align-self-end"
@click="loadCalendar"
/>
</div>