diff --git a/src/components/common/LoadingCommon/LoadingCommon.module.scss b/src/components/common/LoadingCommon/LoadingCommon.module.scss index e1882523c..97ba57dd0 100644 --- a/src/components/common/LoadingCommon/LoadingCommon.module.scss +++ b/src/components/common/LoadingCommon/LoadingCommon.module.scss @@ -1,31 +1,20 @@ @import '../../../styles/utilities'; -.loadingCommon:empty { - @apply bg-white; - height: 7rem; - width: 7rem; - border-radius: 50%; - animation: spin 2s linear infinite; - margin: auto; +.wrapper { + @apply text-center; - background: url('./assets/carrot.png') top 50% left 50% no-repeat; - - @keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } + .loadingCommon { + @apply bg-white; + height: 7rem; + width: 7rem; + border-radius: 50%; + animation: spin 2s linear infinite; + margin: auto; + background: url('./assets/carrot.png') top 50% left 50% no-repeat; } +} - &.small { - height: 5rem; - width: 5rem; - } - - &.default { - - } - - &.large { - height: 10rem; - width: 10rem; - } +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } \ No newline at end of file diff --git a/src/components/common/LoadingCommon/LoadingCommon.tsx b/src/components/common/LoadingCommon/LoadingCommon.tsx index 79993507e..d41ea8492 100644 --- a/src/components/common/LoadingCommon/LoadingCommon.tsx +++ b/src/components/common/LoadingCommon/LoadingCommon.tsx @@ -1,18 +1,15 @@ import React from "react"; import s from './LoadingCommon.module.scss' -interface LoadingCommonProps { - children? : React.ReactNode; -} - -const LoadingCommon = ({ children }: LoadingCommonProps) => { +const LoadingCommon = () => { return ( - <> +
Loading...
+