fix: 11

src/pages/Hr/Notification/components/MessageDrawer.jsx

@@ -17,11 +17,13 @@ const MessageDrawer = props => {
       </span>
       <h1 className={['text-xl pr-6 mt-3', styles.NotificationCont].join(' ')}>{title}</h1>
       <span className="text-hex-aaa">{createTime}</span>
-      <div className="w-22 h-[1px] bg-hex-ddd mt-3" />
+      <div className="w-22 h-[1px] bg-hex-ddd mt-3 mb-5" />
       <div
-        className={['py-3', styles.NotificationCont].join(' ')}
-        style={{ height: 'calc(100vh - 160px)', overflowY: 'auto' }}>
-        <MarkDown>{content}</MarkDown>
+        className={['py-3 px-4 bg-hex-f9f9f9 rounded-md', styles.NotificationCont].join(' ')}
+        style={{ height: 'calc(100vh - 180px)', overflowY: 'auto' }}>
+        <div className="">
+          <MarkDown>{content}</MarkDown>
+        </div>
       </div>
     </div>
   )