Merge pull request #843 from ita-social-projects/forFansCenterTitle

forFansCenterTitle: fix title in for fans block, center text
ita-social-projects · Sep 26, 2023 · 77784d1 · 77784d1
2 parents 51d805d + cf9e1e2
commit 77784d1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/features/AdminPage/ForFansPage/ForFansPage/CategoryAdminModal.component.tsx b/src/features/AdminPage/ForFansPage/ForFansPage/CategoryAdminModal.component.tsx
@@ -27,7 +27,7 @@ interface SourceModalProps {
     isModalVisible: boolean;
     setIsModalOpen: Dispatch<SetStateAction<boolean>>;
     initialData?: SourceCategoryAdmin;
-    isNewCategory?:(data: boolean) => void;
+    isNewCategory?: (data: boolean) => void;
 }
 
 const SourceModal: React.FC<SourceModalProps> = ({
@@ -131,7 +131,7 @@ const SourceModal: React.FC<SourceModalProps> = ({
         return [];
     };
 
-    const handleOk =() =>{
+    const handleOk = () => {
         form.submit();
         message.success("Категорію успішно додано!", 2);
     }
@@ -156,7 +156,7 @@ const SourceModal: React.FC<SourceModalProps> = ({
                         label="Назва: "
                         rules={[{ required: true, message: 'Введіть назву' }]}
                     >
-                        <Input placeholder="Title" maxLength={100} showCount />
+                        <Input placeholder="Title" maxLength={23} showCount />
                     </Form.Item>
                     <Form.Item
                         name="image"
@@ -191,7 +191,7 @@ const SourceModal: React.FC<SourceModalProps> = ({
                         </FileUploader>
                     </Form.Item>
                     <div className="center">
-                        <Button className="streetcode-custom-button" onClick={() => handleOk() }>
+                        <Button className="streetcode-custom-button" onClick={() => handleOk()}>
                             Зберегти
                         </Button>
                     </div>

diff --git a/src/features/StreetcodePage/SourcesBlock/SourceItem/SourceItem.styles.scss b/src/features/StreetcodePage/SourcesBlock/SourceItem/SourceItem.styles.scss
@@ -19,5 +19,8 @@ $articlesImg: "@assets/images/sources/Articles.webp";
 @media screen and (max-width: 768px) {
   .sourcesSliderItem {
      @include mut.sizedImportant($width: 250px, $height: 165px);
+     h1 {
+      text-align: center;
+    }
   }
 }