Add "Docs" and "Discord" links to header; style adjustments for GitHub and Discord links

docusaurus.config.ts

@@ -97,12 +97,19 @@ const config: Config = {
 					position: "left",
 				},
 				{
+					href: "/",
+					label: "Docs",
+					position: "left",
+				},
+				{
+					label: "GitHub",
 					href: "https://github.com/open-webui/open-webui",
 					position: "right",
 					className: "header-github-link",
 					"aria-label": "GitHub repository",
 				},
 				{
+					label: "Discord",
 					href: "https://discord.com/invite/5rJgQTnV4s",
 					position: "right",
 					className: "header-discord-link",

src/css/custom.css

@@ -637,6 +637,18 @@ div.special_table + table tr:nth-child(even) {
 	min-height: 100vh;
 }
 
+.header-github-link,
+.header-discord-link {
+	gap: 0.25rem;
+}
+
+@media screen and (width >= 997px) {
+	.header-github-link,
+	.header-discord-link {
+		font-size: 0;
+	}
+}
+
 .header-github-link::before {
 	content: "";
 	width: 24px;