13 lines
952 B
Vue
13 lines
952 B
Vue
<template>
|
|
<div className="flex gap-4 items-center flex-col sm:flex-row">
|
|
<a className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground gap-2 text-white hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
|
|
href="https://userbase.io/" target="_blank" rel="noopener noreferrer">
|
|
<img className="grayscale" src="/userbase.ico" alt="userbase logomark" width={20} height={20} />
|
|
Go To Userbase.io
|
|
</a>
|
|
<a className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:min-w-44"
|
|
href="https://docs.userbase.io/integration/nextjs" target="_blank" rel="noopener noreferrer">
|
|
Read our docs
|
|
</a>
|
|
</div>
|
|
</template> |