+20 -12

app/layout.tsx

··· 10 10 11 11 import { Header } from "@/components/header"; 12 12 import { LoginButton } from "@/components/login-button"; 13 13 + import { Button } from "@/components/ui/button"; 13 14 import { Separator } from "@/components/ui/separator"; 14 15 import { cn } from "@/utils/cn"; 15 16 import { getBaseUrl } from "@/utils/urls"; ··· 186 187 </Link> 187 188 188 189 <Separator 189 189 - className="h-10 rotate-6 mx-3" 190 190 + className="h-10 rotate-6 ml-3" 190 191 orientation="vertical" 191 192 /> 192 193 193 193 - <div className="flex shrink-0 gap-4"> 194 194 - <Link 195 195 - href="/docs/index" 196 196 - className="hover:text-neutral-100 duration-100" 194 194 + <div className="flex shrink-0"> 195 195 + <Button 196 196 + asChild 197 197 + size="sm" 198 198 + variant="ghost" 197 199 > 198 198 - Documentation 199 199 - </Link> 200 200 - <Link 201 201 - href="/premium" 202 202 - className="hidden sm:block hover:text-neutral-100 duration-100" 200 200 + <Link href="/docs/index"> 201 201 + Documentation 202 202 + </Link> 203 203 + </Button> 204 204 + <Button 205 205 + asChild 206 206 + className="hidden sm:flex" 207 207 + size="sm" 208 208 + variant="ghost" 203 209 > 204 204 - Premium 205 205 - </Link> 210 210 + <Link href="/premium"> 211 211 + Premium 212 212 + </Link> 213 213 + </Button> 206 214 </div> 207 215 208 216 {jar.get("session")?.value

+1 -2

app/profile/layout.tsx

··· 87 87 {user.globalName || user.username} 88 88 </div> 89 89 <Link 90 90 - className="font-bold" 91 90 href="/vote" 92 91 target="_blank" 93 92 > 94 93 <Badge 95 95 - className="h-7 font-semibold" 94 94 + className="h-7 font-bold" 96 95 variant="flat" 97 96 > 98 97 <HiFire/>

+1 -1

components/footer.tsx

··· 90 90 function Socials() { 91 91 return ( 92 92 <div className="ml-auto svg-max flex flex-wrap items-center gap-2 mt-2 md:mt-0"> 93 93 - <Link href="https://discord.com/discovery/applications/1125449347451068437" className="text-white/75 hover:text-white duration-200 size-6" aria-label="Wamellow in the Discord Bot Directory"> 93 93 + <Link href="https://discord.com/discovery/applications/1125449347451068437" className="text-white/75 hover:text-white duration-200 size-5" aria-label="Wamellow in the Discord Bot Directory"> 94 94 <SiDiscord /> 95 95 </Link> 96 96 <Link href="https://youtube.com/@wamellow" className="text-white/75 hover:text-white duration-200 size-6" aria-label="Wamellow on YouTube">

+1 -1

components/ui/button.tsx

··· 18 18 outline: "border border-secondary bg-background hover:bg-primary hover:text-primary-foreground", 19 19 secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", 20 20 flat: "bg-secondary/60 text-secondary-foreground hover:bg-secondary/50", 21 21 - ghost: "hover:bg-border hover:text-primary-foreground", 21 21 + ghost: "hover:bg-wamellow hover:text-accent-foreground", 22 22 link: "text-primary underline-offset-4 hover:underline", 23 23 blurple: "bg-blurple text-secondary-foreground hover:bg-blurple/80" 24 24 },