From b87133b6adc4759823d285ca45518b22ebab35b3 Mon Sep 17 00:00:00 2001
From: overtrue <anzhengchao@gmail.com>
Date: Thu, 30 Oct 2025 21:29:19 +0800
Subject: [PATCH] feat: add social links

---
 components/app-top-nav.vue  | 4 +++-
 components/links/github.vue | 7 +++++++
 components/links/x.vue      | 7 +++++++
 3 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 components/links/github.vue
 create mode 100644 components/links/x.vue

diff --git a/components/app-top-nav.vue b/components/app-top-nav.vue
index 282d693..37e21b7 100644
--- a/components/app-top-nav.vue
+++ b/components/app-top-nav.vue
@@ -1,12 +1,14 @@
 <template>
   <header
-    class="flex h-16 shrink-0 items-center gap-2 justify-between border-b bg-background px-4 transition-[height] ease-linear backdrop-blur group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
+    class="flex h-16 shrink-0 items-center gap-2 justify-between border-b bg-background transition-[height] ease-linear backdrop-blur group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
     <div class="flex items-center gap-2">
       <SidebarTrigger class="-ml-1" />
     </div>
     <div class="flex items-center gap-2">
       <LanguageSwitcher />
       <ThemeSwitcher />
+      <LinksGithub />
+      <LinksX />
       <UserDropdown />
     </div>
   </header>
diff --git a/components/links/github.vue b/components/links/github.vue
new file mode 100644
index 0000000..6273c93
--- /dev/null
+++ b/components/links/github.vue
@@ -0,0 +1,7 @@
+<template>
+  <Button variant="link">
+    <a href="https://github.com/rustfs/console" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1">
+      <Icon name="ri:github-line" class="size-4" />
+    </a>
+  </Button>
+</template>
diff --git a/components/links/x.vue b/components/links/x.vue
new file mode 100644
index 0000000..40d9776
--- /dev/null
+++ b/components/links/x.vue
@@ -0,0 +1,7 @@
+<template>
+  <Button variant="link">
+    <a href="https://x.com/rustfsofficial" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1">
+      <Icon name="ri:twitter-x-line" class="size-4" />
+    </a>
+  </Button>
+</template>