diff --git a/src/components/common/LoadingCommon/LoadingCommon.module.scss b/src/components/common/LoadingCommon/LoadingCommon.module.scss index f8bca225d..e1882523c 100644 --- a/src/components/common/LoadingCommon/LoadingCommon.module.scss +++ b/src/components/common/LoadingCommon/LoadingCommon.module.scss @@ -2,12 +2,14 @@ .loadingCommon:empty { @apply bg-white; + height: 7rem; + width: 7rem; border-radius: 50%; - border: .7rem solid var(--primary-lightest); - border-top: .7rem solid var(--primary); animation: spin 2s linear infinite; margin: auto; + background: url('./assets/carrot.png') top 50% left 50% no-repeat; + @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } @@ -19,8 +21,7 @@ } &.default { - height: 7rem; - width: 7rem; + } &.large { diff --git a/src/components/common/LoadingCommon/LoadingCommon.tsx b/src/components/common/LoadingCommon/LoadingCommon.tsx index 20377c0ed..79993507e 100644 --- a/src/components/common/LoadingCommon/LoadingCommon.tsx +++ b/src/components/common/LoadingCommon/LoadingCommon.tsx @@ -1,23 +1,17 @@ -import classNames from "classnames"; import React from "react"; import s from './LoadingCommon.module.scss' interface LoadingCommonProps { - size?: "small" | "default" | "large", children? : React.ReactNode; } -const LoadingCommon = ({ size="default", children }: LoadingCommonProps) => { +const LoadingCommon = ({ children }: LoadingCommonProps) => { return ( <> - { -