Fixed Scroll

This commit is contained in:
2025-07-22 17:13:34 +02:00
parent dcac52ff9d
commit 6bc8e4e7f0

View File

@@ -189,7 +189,11 @@ const sendEmail = async () => {
</template> </template>
</UDashboardNavbar> </UDashboardNavbar>
<UDashboardToolbar>
<div class="scrollContainer mt-3">
<div class="flex-col flex w-full"> <div class="flex-col flex w-full">
<UFormGroup <UFormGroup
label="Absender" label="Absender"
@@ -203,7 +207,7 @@ const sendEmail = async () => {
</UFormGroup> </UFormGroup>
<UDivider class="my-3"/> <UDivider class="my-3"/>
<UFormGroup <UFormGroup
label="Empfänger" label="Empfänger"
> >
<UInput <UInput
class="w-full my-1" class="w-full my-1"
@@ -211,7 +215,7 @@ const sendEmail = async () => {
/> />
</UFormGroup> </UFormGroup>
<UFormGroup <UFormGroup
label="Kopie" label="Kopie"
> >
<UInput <UInput
class="w-full my-1" class="w-full my-1"
@@ -219,7 +223,7 @@ const sendEmail = async () => {
/> />
</UFormGroup> </UFormGroup>
<UFormGroup <UFormGroup
label="Blindkopie" label="Blindkopie"
> >
<UInput <UInput
class="w-full my-1" class="w-full my-1"
@@ -228,7 +232,7 @@ const sendEmail = async () => {
/> />
</UFormGroup> </UFormGroup>
<UFormGroup <UFormGroup
label="Betreff" label="Betreff"
> >
<UInput <UInput
class="w-full my-1" class="w-full my-1"
@@ -236,11 +240,8 @@ const sendEmail = async () => {
/> />
</UFormGroup> </UFormGroup>
</div> </div>
<UDivider class="my-3"/>
</UDashboardToolbar> <div id="parentAttachments" class="flex flex-col justify-center mt-3">
<UDashboardPanelContent>
<div id="parentAttachments" class="flex flex-col justify-center">
<span class="font-medium mb-2 text-xl">Anhänge</span> <span class="font-medium mb-2 text-xl">Anhänge</span>
<!-- <UIcon <!-- <UIcon
name="i-heroicons-paper-clip" name="i-heroicons-paper-clip"
@@ -273,7 +274,7 @@ const sendEmail = async () => {
@updateContent="contentChanged" @updateContent="contentChanged"
:preloadedContent="preloadedContent" :preloadedContent="preloadedContent"
/> />
</UDashboardPanelContent> </div>
</div> </div>
</div> </div>
@@ -320,4 +321,13 @@ const sendEmail = async () => {
padding: .5rem; padding: .5rem;
} }
.scrollContainer {
overflow-y: scroll;
padding-left: 1em;
padding-right: 1em;
height: 90vh;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
</style> </style>