sebastjanartic
c1e92f1368
Improve video card display and layout for better viewing
...
Adjust video card width and container max-width for improved visual presentation and spacing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/iQc0AVS
2025-09-01 19:53:37 +00:00
sebastjanartic
53458a8372
Update home page layout and styling for improved user experience
...
Refactors the home page by replacing the `VideoCard` component with `NetflixGrid`, updating header styling, and modifying input field appearance and positioning.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/iQc0AVS
2025-09-01 19:51:53 +00:00
sebastjanartic
dac2c566f9
Update homepage design and navigation for better user experience
...
Refactors the homepage component (`home.tsx`) to improve its visual appearance and navigation. This includes replacing `NetflixGrid` with `VideoCard`, updating the header with a sticky effect, and restyling the search input and icon.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/iQc0AVS
2025-09-01 19:47:24 +00:00
sebastjanartic
823006bbaf
Adjust video display proportions for better visual appeal
...
Update video card width in NetflixGrid and adjust container max-width in index.css to improve layout proportions.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/iQc0AVS
2025-09-01 19:04:16 +00:00
sebastjanartic
040ea52a25
Update home page to use a new grid layout and improve search functionality
...
Refactors the home page to replace VideoCard with NetflixGrid, removes unused video categorization logic, and enhances search functionality by implementing conditional refetching based on search query changes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/aC8PHqS
2025-09-01 18:16:31 +00:00
sebastjanartic
7651f730fd
Organize videos into categories with improved navigation and search functionality
...
Introduces video categorization on the home page, including "Meist Angesehen", "FOLX STADL Shows", "Neue Videos", and "Alle Videos". Adds pagination buttons (ChevronLeft, ChevronRight) and updates placeholder text to Slovenian ("Videos suchen...", "Suchen..."). Refactors the header background and gradient for the main content. Replaces skeleton loading with a grid layout for fetched videos.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/aC8PHqS
2025-09-01 18:14:46 +00:00
sebastjanartic
901a5685b6
Update homepage to display individual video cards
...
Replaces the grid layout with individual video cards on the homepage and updates the header styling for a cleaner, more modern look.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/aC8PHqS
2025-09-01 18:13:40 +00:00
sebastjanartic
ac27d22d65
Adjust video card sizes to fit within the container
...
Update client/src/components/netflix-grid.tsx to reduce the width of video cards from 280px to 240px, ensuring they fit within their parent containers.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/aC8PHqS
2025-09-01 18:12:22 +00:00
sebastjanartic
478f5d820f
Improve layout consistency and responsiveness across video display components
...
Adjusted `netflix-grid.tsx` to standardize video card widths to `280px` and refactored container styling in `CategoryRow` to use `space-y-8`, enhancing visual consistency and responsiveness for a better user experience.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/aC8PHqS
2025-09-01 18:11:33 +00:00
sebastjanartic
93903c49ef
Improve grid layout for video display on the homepage
...
Wrap the NetflixGrid component in a container div for better layout control in grid view on the homepage.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/i6vzKyk
2025-09-01 18:08:36 +00:00
sebastjanartic
a72d7cdf4a
Set content container width and center it for a better layout
...
Update the main content container's max-width to 1400px and apply `margin: 0 auto` for centering, and replace `max-w-7xl` with the custom `.container` class in the Home page.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/SHCPaqp
2025-09-01 18:03:00 +00:00
sebastjanartic
a84165d47b
Arrange video content into organized rows with improved spacing
...
Update `NetflixGrid` component to wrap category rows in a container with the 'container' class, likely for layout and spacing adjustments.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/SHCPaqp
2025-09-01 18:00:21 +00:00
sebastjanartic
a157fef978
Adjust video display sizes for better viewing experience
...
Update the CSS classes in `netflix-grid.tsx` to modify the width of video items across different screen sizes, improving the visual presentation of video content.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/SHCPaqp
2025-09-01 17:58:57 +00:00
sebastjanartic
0a366a2884
Improve homepage layout for better visual consistency and responsiveness
...
Update the container class on the homepage to use Tailwind CSS's max-w-7xl and px-4 for improved responsiveness and fixed-width layout.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/SHCPaqp
2025-09-01 17:57:53 +00:00
sebastjanartic
6664335202
Adjust layout to prevent video cards from overlapping
...
Update the Home page component to adjust the positioning of decorative elements, ensuring they do not obscure video cards in different view modes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/SHCPaqp
2025-09-01 17:56:41 +00:00
sebastjanartic
5034289fd2
Center and limit content width for better display on large screens
...
Introduces a new CSS class `.container` with `max-width: 1200px` and `margin: 0 auto` to center content. This class is applied to main content areas in `FolxStadlPage.tsx`, `VideoPage.tsx`, and `home.tsx` to resolve layout stretching issues on wide monitors.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/SHCPaqp
2025-09-01 17:53:34 +00:00
sebastjanartic
261472641d
Restored to '4297267681097f3ff53d34610ef0e8e98baf8e0e'
...
Replit-Restored-To: 4297267681
2025-09-01 17:47:21 +00:00
sebastjanartic
c8c931b47f
Improve layout responsiveness by centering content and limiting maximum width
...
Update `index.css` to set `max-width: 1200px` and `margin: 0 auto` for the main content container. Adjust `max-w-6xl` in `home.tsx` to accommodate the new maximum width, ensuring better display on larger screens.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/7gAiKIm
2025-09-01 17:42:44 +00:00
sebastjanartic
ec99331b64
Adjust spacing for category titles in the video grid
...
Update padding for category titles in `netflix-grid.tsx` to ensure consistent alignment.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/7gAiKIm
2025-09-01 17:35:46 +00:00
sebastjanartic
7cb06977bc
Adjust website layout to improve readability on smaller screens
...
Refactor CSS in client/src/index.css to reduce max-width from 1000px to 600px.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:32:33 +00:00
sebastjanartic
525197ada7
Center the page content and limit its width
...
Limit the maximum width of the page content to 1000px and center it using auto margins in index.css.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:31:20 +00:00
sebastjanartic
79082f36fc
Adjust video display sizes and layout for better viewing
...
Update client/src/components/netflix-grid.tsx and client/src/pages/home.tsx to reduce the maximum width of category rows, decrease the width of individual video cards, and adjust the main content container's max-width and padding.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:30:02 +00:00
sebastjanartic
293b269bd8
Adjust layout to improve content visibility on various screens
...
Modify maximum width of category rows and main content area for better responsiveness.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:28:58 +00:00
sebastjanartic
da0c8f1df9
Adjust layout to prevent content from stretching edge-to-edge
...
Modify the maximum width of the category rows and the main content area to improve visual presentation and prevent horizontal overflow on larger screens.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:28:04 +00:00
sebastjanartic
8142601cea
Improve the display of video categories and cards for better visual presentation
...
Refactors the `CategoryRow` component to simplify its structure, removing hover effects and navigation arrows while adjusting the styling of category titles and video cards for a cleaner layout.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:27:39 +00:00
sebastjanartic
ce0380c353
Improve responsiveness of video grids across all screen sizes
...
Adjusted grid item sizing and navigation arrow visibility to enhance responsive behavior in `netflix-grid.tsx`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:24:58 +00:00
sebastjanartic
d31ba40c22
Improve alignment of category titles for better visual consistency
...
Adjust left margin for category titles in `netflix-grid.tsx` to align with the logo.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:23:14 +00:00
sebastjanartic
f16f00875e
Adjust positioning of navigation arrows for video categories
...
Update CSS class 'left' and 'right' for navigation arrows in CategoryRow component to use 'left-2' and 'right-2' respectively, adjusting their horizontal positioning.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:20:38 +00:00
sebastjanartic
e3dc289588
Adjust spacing and positioning for category titles and scroll buttons
...
Update `netflix-grid.tsx` to adjust the horizontal padding of category titles and the positioning of left/right scroll buttons, addressing layout issues.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 17:16:58 +00:00
sebastjanartic
f36cad969a
Adjust spacing for category titles on the main grid
...
Modify padding on category titles in `netflix-grid.tsx` from `pl-[215px] pr-[215px]` to `pl-[50px] pr-[50px]`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 17:11:02 +00:00
sebastjanartic
dac6a7e69a
Improve text alignment for category titles on the streaming platform
...
Update the `netflix-grid.tsx` file to modify the class names for category titles, specifically adding `pl-[215px]` and `pr-[215px]` for horizontal padding.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 17:09:53 +00:00
sebastjanartic
2923af8691
Improve how video categories are displayed on the homepage
...
Adjust CSS for `CategoryRow` component in `netflix-grid.tsx` to change overflow behavior from `hidden` to `visible`, potentially affecting how content is rendered.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 17:06:33 +00:00
sebastjanartic
b8381d3b5d
Improve video display by increasing spacing for better visual breathing room
...
Increase vertical padding in the netflix-grid component to provide more spacing around video elements.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 17:05:33 +00:00
sebastjanartic
d37e1da12b
Adjust button spacing to center content more effectively on larger screens
...
Update the 'ml' and 'mr' CSS classes for the scroll buttons in the Netflix grid component to add horizontal margins, effectively centering the content on larger displays.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 17:03:43 +00:00
sebastjanartic
7527a8a624
Improve spacing for video category rows on the homepage
...
Update the `netflix-grid.tsx` component to adjust the padding of category rows, specifically adding `pt-[15px]` and `pb-[15px]` to the container div.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 17:00:37 +00:00
sebastjanartic
f5b6d7f8fd
Update category row styling for better vertical spacing
...
Updated the `netflix-grid.tsx` component to modify the class names on the category row div, adjusting vertical padding from `pt-[5px] pb-[5px]` to `pt-[8px] pb-[8px]`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 17:00:08 +00:00
sebastjanartic
87e6797026
Adjust spacing and layout for video category rows
...
Update the `netflix-grid.tsx` component to modify the CSS classes of the category row div, specifically changing `overflow-visible` to `overflow-hidden` and adding/adjusting margin and padding properties.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:59:17 +00:00
sebastjanartic
b51b108dc4
Adjust decorative shapes to improve visual separation of content cards
...
Update the positioning of decorative triangles on the home page to prevent overlap with video cards.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:20:10 +00:00
sebastjanartic
5959f27e71
Adjust home page layout to improve visual spacing
...
Update the top padding of the main content area on the home page from 0 to 4.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:18:36 +00:00
sebastjanartic
d1586daf44
Adjust video card display and scrolling for better viewing
...
Update the width of video cards from 200px to 220px and adjust the horizontal scroll calculation in CategoryRow component to accommodate the new card width, ensuring consistent display and navigation of video content.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:18:08 +00:00
sebastjanartic
0b6ca2c22f
Adjust video card sizes and improve scrolling behavior
...
Updates video card widths from 220px to 200px, adjusts scroll calculations accordingly, and modifies the hover scale effect for video cards in NetflixGrid.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:16:59 +00:00
sebastjanartic
e9214a398c
Improve spacing and layout for video categories on the homepage
...
Update `netflix-grid.tsx` to adjust margin-top for category titles, and modify `home.tsx` to set the top padding of the main content area to zero.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:15:35 +00:00
sebastjanartic
a146e9284d
Improve spacing and visual appeal of card elements
...
Adjusted the top padding of the main content area in the home page from 0 to 8px, resolving an issue with the upper edge of card elements.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:13:50 +00:00
sebastjanartic
4f7cdd8a7e
Improve video card display for better user interaction and visual appeal
...
Enhance .video-card styling with a scale effect, z-index, and relative positioning on hover for improved visual feedback and layering.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:10:46 +00:00
sebastjanartic
5e64af4d06
Improve video display to show full edges when expanded
...
Adjust CSS to make video containers visible edge-to-edge by changing overflow properties from 'hidden' to 'visible' in `home.tsx` and increasing padding in `netflix-grid.tsx`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:05:36 +00:00
sebastjanartic
71e42cb107
Adjust spacing and padding for video rows on the homepage
...
Modify CSS classes in `client/src/components/netflix-grid.tsx` to reduce bottom margin of category rows and adjust padding for the scrollable video container.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 16:03:06 +00:00
sebastjanartic
57550b196b
Improve spacing and visual separation between video categories
...
Update margins and padding in the Netflix grid component to increase vertical spacing between category rows and adjust horizontal padding for better visual presentation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:49:21 +00:00
sebastjanartic
480ce14aa8
Improve grid layout to prevent content overlap and ensure visibility
...
Adjust margins and overflow properties in the Netflix grid component to resolve issues where video cards partially hide under screen edges when selected.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:48:25 +00:00
sebastjanartic
0be5317325
Improve video card display and layering for better visual hierarchy
...
Adjust z-index values for category titles, video cards, and navigation arrows in netflix-grid.tsx to ensure proper layering and prevent overlap when cards are expanded.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:46:16 +00:00
sebastjanartic
4878068e0f
Adjust layout to better display content on different screens
...
Update `max-width` property in `CategoryRow` and `Home` components from '920px' to '960px' to improve horizontal content display.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:44:21 +00:00
