Merge remote-tracking branch 'github/feat/1.1.2/ui' into feat/1.1.2/user-center

ui/src/pages/Questions/Detail/components/Answer/index.tsx

@@ -11,6 +11,7 @@ import {
   Comment,
   FormatTime,
   htmlRender,
+  ImgViewer,
 } from '@/components';
 import { scrollToElementTop, bgFadeOut } from '@/utils';
 import { AnswerItem } from '@/common/interface';
@@ -84,10 +85,12 @@ const Index: FC<Props> = ({
           </Badge>
         </div>
       )}
-      <article
-        className="fmt text-break text-wrap"
-        dangerouslySetInnerHTML={{ __html: data?.html }}
-      />
+      <ImgViewer>
+        <article
+          className="fmt text-break text-wrap"
+          dangerouslySetInnerHTML={{ __html: data?.html }}
+        />
+      </ImgViewer>
       <div className="d-flex align-items-center mt-4">
         <Actions
           source="answer"

ui/src/pages/Tags/index.tsx

@@ -64,8 +64,8 @@ const Tags = () => {
       <Row className="mb-4 d-flex justify-content-center">
         <Col xxl={10} sm={12}>
           <h3 className="mb-4">{t('title')}</h3>
-          <div className="d-flex justify-content-between align-items-center flex-wrap">
-            <Stack direction="horizontal" gap={3}>
+          <div className="d-block d-sm-flex justify-content-between align-items-center flex-wrap">
+            <Stack direction="horizontal" gap={3} className="mb-3 mb-sm-0">
               <Form>
                 <Form.Group controlId="formBasicEmail">
                   <Form.Control