feat: rounded style buttons

BibliothecaDAO · Sep 4, 2024 · ae8c89c · ae8c89c
1 parent 44221a4
commit ae8c89c
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/.../arkmarket/src/app/collection/[collectionAddress]/components/collection-items-buy-now.tsx b/.../arkmarket/src/app/collection/[collectionAddress]/components/collection-items-buy-now.tsx
@@ -127,7 +127,7 @@ export default function CollectionItemsBuyNow({
       />
       <div className="absolute bottom-0 left-0 w-full bg-card opacity-0 transition-opacity group-hover:opacity-100">
         <Button
-          className="h-10 w-full rounded-none opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100"
+          className="h-10 w-full opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100"
           size="xl"
           disabled={status === "loading"}
           onClick={(e) => {

diff --git a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-about.tsx b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-about.tsx
@@ -48,7 +48,7 @@ export default function TokenAbout({
   return (
     <Collapsible
       className={cn(
-        "rounded-none border-b border-t border-border px-6 lg:rounded-lg lg:border",
+        "rounded border-b border-t border-border px-6 lg:rounded-lg lg:border",
         className,
       )}
       open={open}

diff --git a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-offers.tsx b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-offers.tsx
@@ -79,7 +79,7 @@ export default function TokenOffers({
   return (
     <Collapsible
       className={cn(
-        "rounded-none border-t border-border px-6 lg:rounded-lg lg:border",
+        "rounded border-t border-border px-6 lg:rounded-lg lg:border",
         className,
       )}
       open={open}

diff --git a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-traits.tsx b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-traits.tsx
@@ -27,7 +27,7 @@ export default function TokenTraits({
   return (
     <Collapsible
       className={cn(
-        "rounded-none border-t border-border px-6 lg:rounded-lg lg:border",
+        "rounded border-t border-border px-6 lg:rounded-lg lg:border",
         className,
       )}
       open={open}

diff --git a/packages/ui/src/button.tsx b/packages/ui/src/button.tsx
@@ -6,7 +6,7 @@ import { cva } from "class-variance-authority";
 import { cn } from "@ark-market/ui";
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2.5 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center gap-2.5 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-50 rounded",
   {
     variants: {
       variant: {
@@ -43,7 +43,7 @@ const buttonVariants = cva(
 
 export interface ButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
+  VariantProps<typeof buttonVariants> {
   asChild?: boolean;
 }
 

diff --git a/packages/ui/src/nft-card.tsx b/packages/ui/src/nft-card.tsx
@@ -47,7 +47,7 @@ const NftCardAction = React.forwardRef<HTMLButtonElement, ButtonProps>(
         size="xl"
         ref={ref}
         className={cn(
-          "h-10 w-full rounded-none opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100",
+          "h-10 w-full opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100",
           className,
         )}
         {...props}