starred/zenblog
1
0
Fork 0
mirror of https://github.com/jordienr/zenblog.git synced 2026-09-28 01:56:07 -04:00
Code Issues Packages Projects Releases Wiki Activity

Ui

Browse Source
This commit is contained in:
Jordi Enric
2024-05-11 18:56:15 +02:00
parent 5236af3051
commit 038221fb5b
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/ui/button.tsx
+1 -1
View File
@@ -14,7 +14,7 @@ const buttonVariants = cva(
destructive:
"bg-red-500 text-zinc-50 hover:bg-red-500/90 dark:bg-red-900 dark:text-zinc-50 dark:hover:bg-red-900/90",
outline:
"border border-b-2 border-zinc-200 bg-white hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-800 text-zinc-600 dark:hover:text-zinc-50",
"border border-zinc-200 bg-white hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-800 text-zinc-600 dark:hover:text-zinc-50",
secondary:
"bg-zinc-100 hover:bg-orange-100/70 hover:text-orange-600 dark:bg-zinc-800 dark:text-zinc-50 dark:hover:bg-zinc-800/80 text-zinc-600",
ghost:
apps/web/src/components/ui/tabs.tsx
+1 -1
View File
@@ -27,7 +27,7 @@ const TabsTrigger = React.forwardRef<
<TabsPrimitive.Trigger
ref={ref}
className={cn(
"inline-flex items-center justify-center whitespace-nowrap rounded-full border-zinc-200 px-3 py-1.5 text-sm font-medium ring-offset-white transition-all last:rounded-r-full hover:text-zinc-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border data-[state=active]:bg-white data-[state=active]:text-zinc-950 data-[state=active]:shadow-sm dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300 dark:data-[state=active]:bg-zinc-950 dark:data-[state=active]:text-zinc-50",
"inline-flex items-center justify-center whitespace-nowrap rounded-full border-zinc-200 px-3 py-1.5 text-sm font-medium ring-offset-white transition-all last:rounded-r-full hover:text-zinc-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border data-[state=active]:bg-white data-[state=active]:text-zinc-950 dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300 dark:data-[state=active]:bg-zinc-950 dark:data-[state=active]:text-zinc-50",
className
)}
{...props}
apps/web/src/pages/blogs/index.tsx
+5 -5
View File
@@ -19,7 +19,7 @@ export default function Dashboard() {
<div className="mt-8 min-h-screen">
<div className="mx-auto max-w-5xl">
<div className="flex items-center justify-between p-3">
<h1 className="text-xl font-semibold">My blogs</h1>
<h1 className="text-lg font-medium">My blogs</h1>
<div>
<Button variant="outline" asChild>
<Link href="/blogs/create">
@@ -40,7 +40,7 @@ export default function Dashboard() {
<PiPencilLine size="48" className="text-orange-500" />
</div>
<h2 className="mt-4 text-2xl">Start by creating a blog</h2>
<Button asChild className="mt-6">
<Button variant="default" asChild className="mt-6">
<Link href="/blogs/create">
<Plus />
Create blog
@@ -52,11 +52,11 @@ export default function Dashboard() {
{data?.map((blog) => {
return (
<li
className="group rounded-xl border border-b-2 bg-white transition-all"
className="group rounded-xl border border-zinc-100 bg-white transition-all hover:border-zinc-200"
key={blog.id}
>
<Link
className="block w-full min-w-[320px] gap-3 rounded-xl p-3 "
className="flex h-full w-full min-w-[320px] flex-col gap-3 rounded-xl p-3"
href={`/blogs/${blog.id}/posts`}
>
<div className="flex items-center gap-4">
@@ -70,7 +70,7 @@ export default function Dashboard() {
<p className="text-zinc-500">{blog.description}</p>
</div>
</div>
<div className="actions mt-4">
<div className="actions mt-auto justify-self-end align-bottom">
<Button
size={"icon"}
variant={"ghost"}