Update full view for all schedule layouts.

Author: nikoshell

src/layouts/ScheduleLayout.astro

@@ -80,3 +80,49 @@ const { title, description } = Astro.props;
   }
 }
 </style>
+
+<style is:global>
+  .layout-wrapper2 {
+    transition: transform 0.3s ease;
+    transform-origitalk/n: center center;
+  }
+
+  .layout-wrapper2.scaled-up {
+    position: absolute;
+    background-color: #F5E5D7;
+    height:100vh;
+    width:100vw;
+    padding:50px;
+  }
+</style>
+
+<script is:inline>
+  const days = document.querySelectorAll('.day');
+  const wrapper = document.querySelector('.layout-wrapper2');
+
+  days.forEach((day) => {
+    let btn = day.querySelector('.maximize-btn');
+    btn.addEventListener('click', () => {
+      wrapper.classList.toggle('scaled-up');
+      btn.textContent = wrapper.classList.contains('scaled-up') ? 'Normal View' : 'Full View';
+
+    const h3 = day.querySelector('h3');
+
+    if (h3 && h3.tagName === 'H3') {
+      const anchor = h3.querySelector('a[href^="#"]');
+
+      if (anchor) {
+        const targetId = anchor.getAttribute('href').substring(1); // remove '#'
+        const targetElement = document.getElementById(targetId);
+
+        if (targetElement) {
+          targetElement.scrollIntoView({behavior: "smooth"});
+
+        }
+      }
+    }
+    });
+
+
+  });
+</script>

src/pages/schedule.astro

@@ -30,50 +30,3 @@ const allDays = Array.from(
     ))
   }
 </Layout>
-
-<style is:global>
-  .layout-wrapper2 {
-    transition: transform 0.3s ease;
-    transform-origin: center center;
-  }
-
-  .layout-wrapper2.scaled-up {
-    position: absolute;
-    background-color: #F5E5D7;
-    height:100vh;
-    width:100vw;
-    padding:50px;
-  }
-</style>
-
-
-<script is:inline>
-  const days = document.querySelectorAll('.day');
-  const wrapper = document.querySelector('.layout-wrapper2');
-
-  days.forEach((day) => {
-    let btn = day.querySelector('.maximize-btn');
-    btn.addEventListener('click', () => {
-      wrapper.classList.toggle('scaled-up');
-      btn.textContent = wrapper.classList.contains('scaled-up') ? 'Normal View' : 'Full View';
-
-    const h3 = day.querySelector('h3');
-
-    if (h3 && h3.tagName === 'H3') {
-      const anchor = h3.querySelector('a[href^="#"]');
-
-      if (anchor) {
-        const targetId = anchor.getAttribute('href').substring(1); // remove '#'
-        const targetElement = document.getElementById(targetId);
-
-        if (targetElement) {
-          targetElement.scrollIntoView();
-
-        }
-      }
-    }
-    });
-
-
-  });
-</script>