diff --git a/src/components/Journal/JournalList/VolListCoverCard.tsx b/src/components/Journal/JournalList/VolListCoverCard.tsx
index c5c4098..8d06227 100644
--- a/src/components/Journal/JournalList/VolListCoverCard.tsx
+++ b/src/components/Journal/JournalList/VolListCoverCard.tsx
@@ -2,19 +2,9 @@ import styles from '../index.module.css';
import { JournalCard } from '@/components';
-export default function CoverCard({
- title,
- img,
- no,
-}: {
- title: string;
- img: string;
- no: string;
- playStatus: boolean;
- onPlay: () => void;
-}) {
+export default function CoverCard({ title, img, no }: { title: string; img: string; no: string }) {
return (
-
+
diff --git a/tsconfig.json b/tsconfig.json
index 7ca4c1c..e504774 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,5 +22,5 @@
}
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "dist/types/**/*.ts"],
- "exclude": ["node_modules"]
+ "exclude": ["node_modules", "uno.config.css"]
}
diff --git a/uno.config.ts b/uno.config.ts
index 32f35e9..d180c0b 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -1,6 +1,7 @@
import { defineConfig, presetUno, presetAttributify, presetIcons } from 'unocss';
import presetAnimations from 'unocss-preset-animations';
import { presetShadcn } from 'unocss-preset-shadcn';
+import { colors } from 'unocss/preset-mini';
export default defineConfig({
presets: [
@@ -16,18 +17,39 @@ export default defineConfig({
}),
],
- rules: [['text-flow', { 'text-overflow': 'ellipsis', 'white-space': 'nowrap', overflow: 'hidden' }]],
+ rules: [
+ ['text-flow', { 'text-overflow': 'ellipsis', 'white-space': 'nowrap', overflow: 'hidden' }],
+ [
+ /^text-overflow-(\d+)$/,
+ ([, d]) => ({
+ overflow: 'hidden',
+ 'text-overflow': 'ellipsis',
+ display: '-webkit-box',
+ '-webkit-line-clamp': parseInt(d),
+ /* autoprefixer: ignore next */
+ '-webkit-box-orient': 'vertical',
+ }),
+ ],
+ ],
+
+ shortcuts: [
+ {
+ 'switch-animation': 'transition duration-300',
+ 'bg-base': 'bg-[#fff] dark:bg-[#20202a] switch-animation',
+ 'card-base': 'bg-[#ffffff] dark:bg-[#10101a] switch-animation',
+ 'text-base': 'text-[rgba(0,0,0,0.95)] dark:text-[#f0f0f0] switch-animation',
+ 'switch-label-base': 'bg-gray-200 dark:bg-gray-800 switch-animation',
+ 'switch-span-base': 'bg-white dark:bg-gray-300 switch-animation',
+ 'text-overflow': 'overflow-hidden whitespace-nowrap truncate',
+ 'text-brand': 'text-brand',
+ 'bg-brand': 'bg-brand',
+ 'border-brand': 'border-brand',
+ },
+ ],
- shortcuts: {
- 'switch-animation': 'transition duration-300',
- 'bg-base': 'bg-[#fff] dark:bg-[#20202a] switch-animation',
- 'card-base': 'bg-[#ffffff] dark:bg-[#10101a] switch-animation',
- 'text-base': 'text-[rgba(0,0,0,0.95)] dark:text-[#f0f0f0] switch-animation',
- 'switch-label-base': 'bg-gray-200 dark:bg-gray-800 switch-animation',
- 'switch-span-base': 'bg-white dark:bg-gray-300 switch-animation',
- 'text-overflow': 'overflow-hidden whitespace-nowrap truncate',
- 'text-brand': 'text-[#C43737]',
- 'bg-brand': 'bg-[#C43737]',
- 'border-brand': 'border-[#C43737]',
+ theme: {
+ colors: {
+ brand: 'var(--primary-color)',
+ },
},
});