fixed some ui issues

timtbdev · Jun 30, 2023 · ba90dbc · ba90dbc
1 parent d29fa9e
commit ba90dbc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/categories/[categoryId]/page.tsx b/app/categories/[categoryId]/page.tsx
@@ -160,7 +160,7 @@ export default async function CategoryPage({ params }: CategoryPageProps) {
                   <h3 className="mt-6 text-xl font-semibold text-gray-900">
                     {word.title}
                   </h3>
-                  <dl className="mt-1 flex flex-grow flex-col justify-between">
+                  <dl className="mt-1 flex justify-center">
                     <dd className="mt-3 flex flex-col">
                       <span
                         className={cn(

diff --git a/components/word/word-item.tsx b/components/word/word-item.tsx
@@ -34,7 +34,7 @@ const WordItem: React.FC<WordItemProps> = ({ word, saved, userId }) => {
       <div className="flex">
         {word.video ? (
           <div className="rounded-md mx-auto mt-5">
-            <ReactPlayer url={word.video} controls={true} />
+            <ReactPlayer width="90%" height="100%" url={word.video} controls={true} />
           </div>
         ) : (
           <div className="mx-auto">