issue #64

Author: Hikaribamboo

frontend/src/pages/dreams/mine/card/dialog/MyDreamCardDialog.tsx

@@ -11,15 +11,15 @@ interface MyDreamCardDialogProps {
 
 const MyDreamCardDialog = ({ dream, setMyDreams, onClose,  }: MyDreamCardDialogProps) => {
   return (
-    <AlertDialog.Content className="flex flex-col h-full min-h-[340px] max-w-[400px]">
+    <AlertDialog.Content className="flex flex-col h-full min-h-[360px] max-w-[400px]">
       <AlertDialog.Title></AlertDialog.Title>
       <AlertDialog.Description size="4" className="flex-grow">
-        {dream.content}
+        <div className="font-mpulus text-2xl text-center">{dream.content}</div>
       </AlertDialog.Description>
       {0 < dream.hashtags.length && (
         <div className="text-center my-2 text-pink-500">
           {dream.hashtags.map((tag, i) => (
-            <span key={i} className="mr-3 text-sm font-semibold underline">
+            <span key={i} className="mr-3 text-lg font-semibold underline">
               {"# " + tag.name}
             </span>
           ))}

frontend/src/pages/dreams/public/dialog/PublicDreamDardDialog.tsx

@@ -10,12 +10,14 @@ const PublicDreamCardDialog = ({ dream }: MyDreamCardDialogProps) => {
     <AlertDialog.Content className="flex flex-col h-full min-h-[300px] max-w-[400px]">
       <AlertDialog.Title></AlertDialog.Title>
       <AlertDialog.Description size="4" className="flex-grow">
-        {dream.content}
+        <div className="font-mpulus text-2xl text-center">
+          {dream.content}
+        </div>
       </AlertDialog.Description>
       {0 < dream.hashtags.length && (
         <div className="text-center my-2 text-pink-500">
           {dream.hashtags.map((tag, i) => (
-            <span key={i} className="mr-3 text-sm font-semibold underline">
+            <span key={i} className="mr-3 text-lg font-semibold underline">
               {"# " + tag.name}
             </span>
           ))}