REFACTOR: Relocate components to appropriate folders + minor style adjustments

2025-02-22 12:14:00 +00:00
parent 9cc5b40b25
commit af24bfa7d3
9 changed files with 127 additions and 107 deletions
--- a/frontend/src/components/Layout/ListItem.tsx
+++ b/frontend/src/components/Layout/ListItem.tsx
@@ -28,7 +28,7 @@ const ListItem: React.FC<ListItemProps> = ({
        className={`${extraClasses} overflow-hidden flex-shrink-0 flex flex-col bg-purple-900 rounded-lg cursor-pointer mx-auto hover:bg-pink-700 hover:scale-105 transition-all`}
        onClick={onItemClick}
      >
-        <div className="relative w-full pt-[56.25%] overflow-hidden rounded-t-lg">
+        <div className="relative w-full aspect-video overflow-hidden rounded-t-lg">
          {thumbnail ? (
            <img
              src={thumbnail}