fix(frontend): fix request card placeholder sizes for mobile

4 years ago · ef62c67480
parent 93738e154c
commit ef62c67480
1 changed files with 2 additions and 2 deletions
--- a/src/components/RequestCard/index.tsx
+++ b/src/components/RequestCard/index.tsx
@ -20,8 +20,8 @@ const isMovie = (movie: MovieDetails | TvDetails): movie is MovieDetails => {

 const RequestCardPlaceholder: React.FC = () => {
  return (
-    <div className="w-96 relative animate-pulse rounded-lg bg-gray-700 p-4">
-      <div className="w-28">
+    <div className="w-72 sm:w-96 relative animate-pulse rounded-lg bg-gray-700 p-4">
+      <div className="w-20 sm:w-28">
        <div className="w-full" style={{ paddingBottom: '150%' }} />
      </div>
    </div>