repsonsive table

Author: Viande

src/components/dapp/Countdown.tsx

@@ -220,7 +220,7 @@ export function Table<T extends Columns>({
 export function createTable<T extends Columns>(columns: T) {
   const TemplateTable = (props: Omit<TableProps<T>, "columns"> & ListProps) =>
     props.responsive ? (
-      <div className="w-full overflow-x-visible lg:mx-0">
+      <div className="w-full lg:mx-0 overflow-x-scroll">
         <div className="min-w-fit w-full lg:w-auto lg:px-0">
           {/* biome-ignore lint/suspicious/noExplicitAny: no reasons for it to have type errors */}
           <Table size="lg" {...(props as any)} columns={columns} />

src/components/primitives/Table.tsx

@@ -7,7 +7,7 @@ export const textStyles = tv(
     base: "font-text text-[clamp(15px,0.4167vw+0.78125rem,20px)]",
     variants: {
       look: {
-        base: "text-main-11",
+        base: "text-main-12",
         soft: "text-main-11",
         bold: "text-main-12",
         tint: "text-accent-12",
@@ -33,7 +33,7 @@ export const textStyles = tv(
       },
     },
     defaultVariants: {
-      look: "base",
+      look: "soft",
       size: "md",
     },
   },

src/components/primitives/Text.tsx

@@ -8,14 +8,15 @@ export const titleStyles = tv(
   {
     extend: textStyles,
     base: "font-title font-bold",
-    variants: {
-      look: {
-        base: "text-main-12",
-        soft: "text-main-11",
-        bold: "text-main-12",
-        hype: "text-accent-12",
-      },
-    },
+    // variants: {
+    //   look: {
+    //     base: "text-main-12",
+    //     soft: "text-main-11",
+    //     bold: "text-main-12",
+    //     tint: "text-accent-12",
+    //     hype: "text-accent-11",
+    //   },
+    // },
     defaultVariants: {
       size: "md",
       look: "base",
@@ -28,6 +29,7 @@ export type TitleProps = Component<
   Styled<typeof titleStyles> & {
     h?: 1 | 2 | 3 | 4 | 5 | 6;
     size?: Styled<typeof textStyles>["size"];
+    look?: Styled<typeof textStyles>["look"];
   },
   HTMLHeadingElement
 >;

src/components/primitives/Title.tsx

@@ -118,8 +118,6 @@ export * from "./components/dapp/TransactionHelper";
 export { default as TransactionHelper } from "./components/dapp/TransactionHelper";
 export * from "./components/dapp/Connected";
 export { default as Connected } from "./components/dapp/Connected";
-export * from "./components/dapp/Countdown";
-export { default as Countdown } from "./components/dapp/Countdown";
 
 /**
  * components/layout