From 7904ec4d8535380bc7dd4d962f7fa1e196cb9e8f Mon Sep 17 00:00:00 2001
From: unknown <datnguyen@kie.io>
Date: Mon, 30 Aug 2021 15:26:35 +0700
Subject: [PATCH] :sparkles: feat: Modal confirm modal info

:%s
---
 .../CarouselCommon/CarouselCommon.module.scss | 10 ++++++++--
 .../CustomCarouselArrow.module.scss           | 20 +------------------
 .../PaginationCommon.module.scss              |  0
 .../PaginationCommon/PaginationCommon.tsx     | 15 ++++++++++++++
 4 files changed, 24 insertions(+), 21 deletions(-)
 create mode 100644 src/components/common/PaginationCommon/PaginationCommon.module.scss
 create mode 100644 src/components/common/PaginationCommon/PaginationCommon.tsx

diff --git a/src/components/common/CarouselCommon/CarouselCommon.module.scss b/src/components/common/CarouselCommon/CarouselCommon.module.scss
index 802c25bb0..da306f38f 100644
--- a/src/components/common/CarouselCommon/CarouselCommon.module.scss
+++ b/src/components/common/CarouselCommon/CarouselCommon.module.scss
@@ -13,10 +13,16 @@
     }
     @apply absolute top-1/2 bg-background-arrow transform -translate-y-1/2 flex justify-center items-center transition duration-100;
     &:global(.leftArrow) {
-      @apply left-0;
+		@apply  hidden left-0;
+		@screen md {
+			@apply flex
+		}
     }
     &:global(.rightArrow) {
-      @apply right-0;
+		@apply  hidden right-0;
+		@screen md {
+			@apply flex;
+		}
     }
     &:global(.isDisabledArrow) {
       @apply hidden;
diff --git a/src/components/common/CarouselCommon/CustomArrow/CustomCarouselArrow.module.scss b/src/components/common/CarouselCommon/CustomArrow/CustomCarouselArrow.module.scss
index fb174c66c..139597f9c 100644
--- a/src/components/common/CarouselCommon/CustomArrow/CustomCarouselArrow.module.scss
+++ b/src/components/common/CarouselCommon/CustomArrow/CustomCarouselArrow.module.scss
@@ -1,20 +1,2 @@
-.navigationWrapper{
-    :global(.customArrow) {
-        width: 64px;
-        height:  64px;
-        &:focus{
-            outline: none;
-        }
-        @apply absolute top-1/2 bg-background-arrow transform -translate-y-1/2 flex justify-center items-center transition duration-100;
-        &.leftArrow{
-            @apply left-0;
-        }
-        &.rightArrow{
-            @apply right-0;
-        }
-        &.isDisabled{
-            @apply hidden ;
-        }
-    }
-}
+
 
diff --git a/src/components/common/PaginationCommon/PaginationCommon.module.scss b/src/components/common/PaginationCommon/PaginationCommon.module.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/components/common/PaginationCommon/PaginationCommon.tsx b/src/components/common/PaginationCommon/PaginationCommon.tsx
new file mode 100644
index 000000000..59bbd3baa
--- /dev/null
+++ b/src/components/common/PaginationCommon/PaginationCommon.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+interface PaginationCommonProps {
+    
+}
+
+const PaginationCommon = (props: PaginationCommonProps) => {
+    return (
+        <div>
+            
+        </div>
+    )
+}
+
+export default PaginationCommon