Homepage scroll indicator (#1178)

* feat: add scroll button to homepage

* fix: panes size on homepage, make tailwind code uniform

* refactor: homepage tailwind cleanup

Author: hleepfl

package.json

@@ -28,7 +28,7 @@
   "devEngines": {
     "packageManager": {
       "name": "pnpm",
-      "version": ">=11.0.0 <12.0.0",
+      "version": ">=11.0.0 <11.12.0",
       "onFail": "download"
     }
   }

webapp/src/assets/logos/AriadneLabsLogo.vue

@@ -1,5 +1,7 @@
 <template>
   <svg
+    width="100%"
+    height="100%"
     preserveAspectRatio="xMidYMid meet"
     data-bbox="35.22 28.28 319.76 143.36"
     xmlns="http://www.w3.org/2000/svg"

webapp/src/assets/logos/EPFL.vue

@@ -1,5 +1,7 @@
 <template>
   <svg
+    width="100%"
+    height="100%"
     version="1.1"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"

webapp/src/components/containers/BaseLayout.vue

@@ -1,5 +1,9 @@
 <template>
-  <div id="base-container" class="flex flex-col h-full w-full overflow-y-auto">
+  <div
+    id="base-container"
+    ref="baseContainer"
+    class="flex flex-col h-full w-full overflow-y-auto"
+  >
     <main class="m-4 md:m-8 grow">
       <slot />
     </main>
@@ -33,3 +37,10 @@
     </footer>
   </div>
 </template>
+
+<script lang="ts" setup>
+import { provide, useTemplateRef } from "vue";
+
+const baseContainer = useTemplateRef<HTMLElement>("baseContainer");
+provide("scrollContainer", baseContainer);
+</script>