remove unused styles and show shorten logo for service pages

Author: PavelLaptev

apps/web/src/lib/components/GitbutlerLogoLink.svelte

@@ -15,7 +15,7 @@
 	{#if !markOnly}
 		<span class="logo-text">GitButler</span>
 	{/if}
-	<div class="logo-mark">
+	<div class="logo-mark" class:mark-only={markOnly}>
 		<svg
 			width="100%"
 			height="100%"
@@ -42,11 +42,13 @@
 		font-family: var(--fontfamily-accent);
 	}
 
-	.logo-mark,
-	.logo-ghost {
+	.logo-mark {
 		display: flex;
 		width: 28px;
 		height: 100%;
-		margin-top: 5px;
+
+		&:not(.mark-only) {
+			margin-top: 5px;
+		}
 	}
 </style>

apps/web/src/lib/components/Navigation.svelte

@@ -13,7 +13,7 @@
 	{#if markOnly}
 		<GitbutlerLogoLink markOnly />
 	{:else}
-		<GitbutlerLogoLink />
+		<GitbutlerLogoLink markOnly />
 		<HeaderAuthSection />
 	{/if}
 </nav>
@@ -26,33 +26,4 @@
 		padding-bottom: 24px;
 		gap: 16px;
 	}
-
-	.logo {
-		display: flex;
-		align-items: center;
-		overflow: hidden;
-		gap: 12px;
-	}
-
-	.logo-mark {
-		display: flex;
-		width: 28px;
-		height: 100%;
-		margin-top: 5px;
-	}
-
-	.logo-text {
-		font-size: 44px;
-		line-height: 1;
-		font-family: var(--fontfamily-accent);
-	}
-
-	/* MODIFIERS */
-	:global(.navigation .hidden-on-desktop) {
-		display: none;
-
-		@media (--mobile-viewport) {
-			display: block;
-		}
-	}
 </style>