[frontend] multiple owners/maintainers styles

ZenVoich · Nov 25, 2024 · 85d5f1e · 85d5f1e
1 parent ed764a1
commit 85d5f1e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/frontend/components/package/PackageRightPanel.svelte b/frontend/components/package/PackageRightPanel.svelte
@@ -92,7 +92,10 @@
 		</div>
 	{/if}
 
-	<a class="fill-user-info" href="https://docs.mops.one/cli/mops-user-set">How to fill user info</a>
+	<div class="docs-links">
+		<div><span class="question-mark">?</span> <a class="docs-link" href="https://docs.mops.one/cli/package-owners-and-maintainers">Owners and maintainers</a></div>
+		<div><span class="question-mark">?</span> <a class="docs-link" href="https://docs.mops.one/cli/mops-user-set">How to fill user info</a></div>
+	</div>
 
 	<div class="quality">
 		<div class="label">
@@ -203,8 +206,18 @@
 		gap: 10px;
 	}
 
-	.fill-user-info {
-		margin-top: 5px;
+	.question-mark {
+		font-size: 14px;
+		color: gray;
+	}
+
+	.docs-links {
+		display: flex;
+		flex-direction: column;
+		gap: 3px;
+	}
+
+	.docs-link {
 		font-size: 14px;
 		opacity: 0.8;
 	}

diff --git a/frontend/components/package/UserCard.svelte b/frontend/components/package/UserCard.svelte
@@ -36,6 +36,12 @@
 		text-overflow: ellipsis;
 	}
 
+	.value.with-icon {
+		display: flex;
+		align-items: center;
+		gap: 5px;
+	}
+
 	.github-icon,
 	.twitter-icon {
 		width: 20px;