font juggling (#15)

postcss.config.js

@@ -2,6 +2,6 @@ export default {
   plugins: {
     'postcss-import': {},
     tailwindcss: {},
-    autoprefixer: {},
-  },
+    autoprefixer: {}
+  }
 }

src/components/ui/table.tsx

@@ -30,7 +30,7 @@ React.HTMLAttributes<HTMLTableSectionElement>
 >(({ className, ...props }, ref) => (
   <tbody
     ref={ref}
-    className={cn('[&_tr:last-child]:border-0', className)}
+    className={cn('[&_tr:first-child]:border-0', className)}
     {...props}
   />
 ))
@@ -55,7 +55,7 @@ React.HTMLAttributes<HTMLTableRowElement>
   <tr
     ref={ref}
     className={cn(
-      'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
+      'border-y transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
       className
     )}
     {...props}

src/styles/inter.css

@@ -0,0 +1,9 @@
+/* inter-latin-400-normal */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(../inter-latin-400-normal.woff2) format('woff2'), url(../inter-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}

src/styles/layout-base.css

@@ -1,4 +1,4 @@
-@import '@fontsource/inter';
+@import "./inter.css";
 
 @layer base {
   :root {

tsconfig.json

@@ -38,6 +38,7 @@
   },
   "include": [
     "./src/**/*",
+    "postcss.config.js",
     "tailwind.config.ts",
     "vite.config.ts"
   ]

vite.config.ts

@@ -38,6 +38,14 @@ export default defineConfig({
         {
           src: './src/styles/preset.ts',
           dest: './styles'
+        },
+        {
+          src: './src/styles/inter.css',
+          dest: './styles'
+        },
+        {
+          src: 'node_modules/@fontsource/inter/files/inter-latin-400-normal.{woff,woff2}',
+          dest: './styles'
         }
       ]
     })