fix: content scroll

src/main/webapp/src/App.vue

@@ -60,7 +60,7 @@ const deleteItem = async (result: Response) => {
 </script>
 
 <template>
-  <v-app>
+  <v-app class="app-container">
     <header>
       <extended-uportal-header
         :domain="domain"
@@ -106,6 +106,11 @@ const deleteItem = async (result: Response) => {
 </template>
 
 <style scoped lang="scss">
+.app-container {
+  height: 100vh;
+  width: 100vw;
+}
+
 extended-uportal-footer {
   display: block;
 }

src/main/webapp/src/components/drawers/InformationDrawer.vue

@@ -68,14 +68,14 @@ const file = {
         <div class="text-h6 mx-3">{{ t('navigation.title.histories') }}</div>
         <v-btn icon="fas fa-plus" color="default" variant="plain" size="small" />
       </div>
-      <v-list>
+      <v-list class="pb-0">
         <v-list-item
           v-for="(history, index) in file.histories"
           :key="index"
           :title="format(parseISO(history.creationDate), 'Pp')"
           variant="tonal"
           rounded="xl"
-          class="mb-2 pr-1"
+          :class="[index < file.histories.length - 1 ? 'mb-2' : '', 'pr-1']"
         >
           <template #append>
             <v-btn icon="fas fa-eye" color="secondary" variant="text" size="small" />
@@ -87,5 +87,3 @@ const file = {
     </div>
   </v-navigation-drawer>
 </template>
-
-<style scoped lang="scss"></style>

src/main/webapp/src/components/layouts/FilesLayout.vue

@@ -8,7 +8,7 @@ defineProps<{
 </script>
 
 <template>
-  <v-row>
+  <v-row class="mb-1">
     <v-col
       v-for="(file, index) in files"
       :key="index"
@@ -22,5 +22,3 @@ defineProps<{
     </v-col>
   </v-row>
 </template>
-
-<style scoped lang="scss"></style>

src/main/webapp/src/views/AppView.vue

@@ -60,5 +60,3 @@ const share = () => {
     <information-drawer />
   </v-layout>
 </template>
-
-<style scoped lang="scss"></style>

src/main/webapp/src/views/HomeView.vue

@@ -8,8 +8,10 @@ import NavigationDrawer from '@/components/drawers/NavigationDrawer.vue';
   <v-layout full-height>
     <navigation-drawer />
     <v-main>
-      <v-container fluid>
-        <router-view />
+      <v-container fluid class="h-100 overflow-y-auto">
+        <div class="h-0">
+          <router-view />
+        </div>
       </v-container>
     </v-main>
     <information-drawer />