Add live link on mobile TV nav (#135)

directus · Feb 21, 2024 · 9aa8997 · 9aa8997
1 parent a9a20d9
commit 9aa8997
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/Tv/TVNavigation.vue b/components/Tv/TVNavigation.vue
@@ -8,15 +8,14 @@
 				<li><NuxtLink href="/">Website</NuxtLink></li>
 				<li><a href="https://docs.directus.io">Docs</a></li>
 				<li><NuxtLink href="/demo">Book a Demo</NuxtLink></li>
-				<li><NuxtLink href="/tv/live">Live</NuxtLink></li>
+				<li class="show-on-mobile"><NuxtLink href="/tv/live">Live</NuxtLink></li>
 			</ul>
 			<BaseButton
 				label="Subscribe"
 				class="subscribe"
 				:class="buttonClass"
 				type="button"
 				color="white"
-				size="large"
 				outline
 				icon-start="account_circle"
 				@click="openModal"
@@ -54,7 +53,7 @@ nav {
 		list-style-type: none;
 		display: flex;
 		align-items: center;
-		gap: 3em;
+		gap: 1rem;
 		margin: 0;
 		li {
 			img {
@@ -64,7 +63,7 @@ nav {
 				color: white;
 				text-decoration: none;
 			}
-			&:not(.logo) {
+			&:not(.logo, .show-on-mobile) {
 				display: none;
 			}
 		}
@@ -105,6 +104,7 @@ dialog {
 
 @media (width > 60rem) {
 	nav ul {
+		gap: 3rem;
 		li img {
 			height: 3rem;
 		}