mike's feedback and speckle badge links to website

packages/frontend-2/components/presentation/Actions.vue

@@ -53,15 +53,15 @@ const toggleFullscreen = () => {
 }
 
 // Listen for fullscreen changes
+const handleFullscreenChange = () => {
+  isFullscreen.value = !!document.fullscreenElement
+}
+
 onMounted(() => {
-  const handleFullscreenChange = () => {
-    isFullscreen.value = !!document.fullscreenElement
-  }
-
   document.addEventListener('fullscreenchange', handleFullscreenChange)
+})
 
-  onUnmounted(() => {
-    document.removeEventListener('fullscreenchange', handleFullscreenChange)
-  })
+onUnmounted(() => {
+  document.removeEventListener('fullscreenchange', handleFullscreenChange)
 })
 </script>

packages/frontend-2/components/presentation/InfoSidebar.vue

@@ -40,12 +40,6 @@
             hide-text
             @click="isSlideEditDialogOpen = true"
           />
-          <!--<FormButton
-            :icon-left="LucideX"
-            color="subtle"
-            hide-text
-            @click="$emit('close')"
-          />-->
         </div>
       </div>
 

packages/frontend-2/components/presentation/LeftSidebar.vue

@@ -9,7 +9,7 @@
     >
       <div class="flex flex-col h-full">
         <section
-          class="flex-shrink-0 flex items-center gap-3 absolute bg-white/70 backdrop-blur-md w-full p-3 pb-2.5 border-b border-white/80"
+          class="flex-shrink-0 flex items-center gap-3 absolute bg-foundation/70 backdrop-blur-lg w-full p-3 pb-2.5 border-b border-white/80 dark:border-gray-900/30"
         >
           <NuxtLink
             class="flex items-center gap-2.5 min-w-0 flex-1"
@@ -18,7 +18,7 @@
             <WorkspaceAvatar
               :name="workspace?.name"
               :logo="workspace?.logo"
-              :size="'lg'"
+              size="lg"
             />
             <div class="flex-1 min-w-0">
               <p class="text-body-xs font-medium text-foreground truncate">
@@ -28,7 +28,7 @@
           </NuxtLink>
         </section>
         <section
-          class="flex-1 flex justify-center overflow-y-auto pt-16 pb-3 px-3 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+          class="flex-1 flex justify-center simple-scrollbar overflow-y-auto pt-16 pb-3 px-3"
         >
           <PresentationSlideList />
         </section>

packages/frontend-2/components/presentation/SlideIndicator.vue

@@ -11,7 +11,7 @@
 
     <div
       v-if="showSlideList"
-      class="hidden lg:block absolute top-[calc(50%+25px)] -translate-y-1/2 max-h-[75vh] overflow-y-auto w-56 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden bg-foundation border border-outline-3 rounded-2xl p-2 shadow-md transition-all duration-300 ease-out opacity-0 invisible group-hover:opacity-100 group-hover:visible -translate-x-5 group-hover:translate-x-0"
+      class="hidden lg:block absolute top-[calc(50%+25px)] -translate-y-1/2 max-h-[75vh] overflow-y-auto w-56 simple-scrollbar bg-foundation border border-outline-3 rounded-2xl p-2 shadow-md transition-all duration-300 ease-out opacity-0 invisible group-hover:opacity-100 group-hover:visible -translate-x-5 group-hover:translate-x-0"
     >
       <PresentationSlideList class="w-full" hide-title />
     </div>

packages/frontend-2/components/presentation/SpeckleLogo.vue

@@ -1,12 +1,21 @@
 <template>
-  <PresentationFloatingPanel class="flex items-center shrink-0 select-none px-3 h-10">
-    <span class="text-body-2xs text-foreground-2">Made with</span>
-    <img
-      class="size-5 block mr-0.5 ml-1"
-      src="~~/assets/images/speckle_logo_big.png"
-      alt="Speckle"
-    />
+  <PresentationFloatingPanel
+    class="flex items-center shrink-0 select-none px-[3px] h-10"
+  >
+    <NuxtLink
+      to="https://speckle.systems/"
+      external
+      target="_blank"
+      class="flex items-center gap-1 hover:bg-highlight-1 rounded-md h-8 px-2.5"
+    >
+      <span class="text-body-xs text-foreground-2">Made with</span>
+      <img
+        class="size-6 block mr-[0.5px] ml-0.5"
+        src="~~/assets/images/speckle_logo_big.png"
+        alt="Speckle"
+      />
 
-    <div class="text-body-xs mt-0 font-medium">Speckle</div>
+      <div class="text-body-xs mt-0 font-medium">Speckle</div>
+    </NuxtLink>
   </PresentationFloatingPanel>
 </template>

packages/frontend-2/components/presentation/slideList/Slide.vue

@@ -11,12 +11,11 @@
         class="w-full aspect-[3/2] md:aspect-video object-cover"
       />
     </button>
-    <div v-if="!hideTitle" class="flex flex-row gap-x-1 pt-0.5 pb-1">
-      <p class="text-body-3xs font-semibold text-foreground my-1">{{ slideIndex }}.</p>
-      <p class="text-body-3xs font-medium text-foreground my-1">
-        {{ slide.name }}
-      </p>
-    </div>
+
+    <p v-if="!hideTitle" class="text-body-3xs font-medium text-foreground mt-1.5 mb-2">
+      <span class="font-semibold mr-1">{{ slideIndex }}.</span>
+      {{ slide.name }}
+    </p>
   </li>
 </template>