[REF]: Improve inline doc and mediaquery style

Author: JinSSJ3

src/components/image-preview/FullScreenPreview.scss

@@ -18,12 +18,16 @@
 .img-rel-container {
   position: relative;
   height: 80%;
-   //width: 60%;
-   @media (max-width: 600px) {
+  max-width: 95%;
+  //width: 60%;
+  @media (max-width: 600px) {
     width: 80%;
     height: auto;
-
-   }
+  }
+  @media (max-width: 960px) {
+    width: 90%;
+    height: auto;
+  }
 }
 .image-full-screen {
   //width: 100%;

src/components/image-preview/FullScreenPreview.tsx

@@ -26,7 +26,7 @@ const FullScreenPreview:FC<FullScreenPreviewProps> = (props:FullScreenPreviewPro
               width="100%"
               height="100%"
               src={imgSource}
-              alt=""
+              alt="full-screen-preview"
               className={
                 "image-full-screen show-image"
               }

src/components/image-preview/FullScreenPreviewProps.ts

@@ -1,5 +1,14 @@
 export interface FullScreenPreviewProps {
+    /**
+     * image source in string format
+     */
     imgSource?: string;
+    /**
+     * boolean value. Whether to open the preview or not
+     */
     openImage?: boolean;
+    /**
+     * handler for on Close operation
+     */
     onClose?: Function;
 }