Fixed Scroll

pages/email/new.vue

@@ -189,7 +189,11 @@ const sendEmail = async () => {
         </template>
 
       </UDashboardNavbar>
-      <UDashboardToolbar>
+
+
+
+
+      <div class="scrollContainer mt-3">
         <div class="flex-col flex w-full">
           <UFormGroup
               label="Absender"
@@ -203,7 +207,7 @@ const sendEmail = async () => {
           </UFormGroup>
           <UDivider class="my-3"/>
           <UFormGroup
-            label="Empfänger"
+              label="Empfänger"
           >
             <UInput
                 class="w-full my-1"
@@ -211,7 +215,7 @@ const sendEmail = async () => {
             />
           </UFormGroup>
           <UFormGroup
-            label="Kopie"
+              label="Kopie"
           >
             <UInput
                 class="w-full my-1"
@@ -219,7 +223,7 @@ const sendEmail = async () => {
             />
           </UFormGroup>
           <UFormGroup
-            label="Blindkopie"
+              label="Blindkopie"
           >
             <UInput
                 class="w-full my-1"
@@ -228,7 +232,7 @@ const sendEmail = async () => {
             />
           </UFormGroup>
           <UFormGroup
-            label="Betreff"
+              label="Betreff"
           >
             <UInput
                 class="w-full my-1"
@@ -236,11 +240,8 @@ const sendEmail = async () => {
             />
           </UFormGroup>
         </div>
-
-      </UDashboardToolbar>
-
-      <UDashboardPanelContent>
-        <div id="parentAttachments" class="flex flex-col justify-center">
+        <UDivider class="my-3"/>
+        <div id="parentAttachments" class="flex flex-col justify-center mt-3">
           <span class="font-medium mb-2 text-xl">Anhänge</span>
           <!--        <UIcon
                       name="i-heroicons-paper-clip"
@@ -273,7 +274,7 @@ const sendEmail = async () => {
             @updateContent="contentChanged"
             :preloadedContent="preloadedContent"
         />
-      </UDashboardPanelContent>
+      </div>
     </div>
   </div>
 
@@ -320,4 +321,13 @@ const sendEmail = async () => {
   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>