live-web-view: Updates to fullscreen styling and navigation active link selection.

Author: dinusv

packages/live-web-view/layout/style/fullscreen.css

@@ -5,10 +5,15 @@
 &FullScreen&.vh-center{
     @apply items-center justify-center;
 }
-
 &FullScreen&.pad-topnav{
     @apply pt-[3rem];
 }
+&FullScreen&.top-space-nav{
+    @apply h-[calc(100vh-3rem)];
+}
+&FullScreen&.top-space-10{
+    @apply h-[calc(100vh-2.5rem)];
+}
 
 &FullScreen .responsive {
     @apply absolute min-w-full min-h-full object-cover;

packages/live-web-view/navigation/NavSections.lv

@@ -43,7 +43,7 @@ component NavSections < Div{
             }
         } else {
             return Li{ 
-                A{ href: link.href classes: [active === link.href ? 'active' : ''] 
+                A{ href: link.href classes: [active && link.href.endsWith(active) ? 'active' : ''] 
                     T{ text: link.label }
                 }
             }