From f9c10113c71da3d95c56a4fe189dfd4e00adabaf Mon Sep 17 00:00:00 2001 From: Maria Rushkova <66270386+mrushkova@users.noreply.github.com> Date: Thu, 15 Jul 2021 07:19:37 +0200 Subject: [PATCH] Directory Skeleton (#119) --- .../src/components/directory/DirectoryCardSkeleton.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/packages/DApp/src/components/directory/DirectoryCardSkeleton.tsx b/packages/DApp/src/components/directory/DirectoryCardSkeleton.tsx index c44af57..6df6c26 100644 --- a/packages/DApp/src/components/directory/DirectoryCardSkeleton.tsx +++ b/packages/DApp/src/components/directory/DirectoryCardSkeleton.tsx @@ -9,7 +9,7 @@ export const DirectoryCardSkeleton = () => { return ( - + @@ -32,6 +32,10 @@ const CardHeader = styled.div` justify-content: center; width: 100%; margin-bottom: 54px; + + @media (max-width: 768px) { + margin-bottom: 32px; + } ` const SkeletonButton = styled(Skeleton)` @@ -52,4 +56,8 @@ const Column = styled(ColumnFlexDiv)` margin-bottom: 8px; mix-blend-mode: luminosity; } + + @media (max-width: 768px) { + display: none; + } `