sebastjanartic
|
a9cd118f50
|
Improve video card display on smaller screens
Adjust client/src/components/netflix-grid.tsx to ensure only one video card is visible at a time on mobile devices by modifying the width calculation for video elements.
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/DyHCx4q
|
2025-09-01 21:44:01 +00:00 |
|
sebastjanartic
|
71c50d133d
|
Improve video row spacing and padding for better visual presentation
Update the `CategoryRow` component in `netflix-grid.tsx` to include vertical padding (`py-4`) for better visual spacing of videos within the scrollable row.
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/2xHHKQn
|
2025-09-01 20:30:07 +00:00 |
|
sebastjanartic
|
49b3b39b2c
|
Improve video card display and spacing for better user experience
Adjust margins in NetflixGrid component and increase z-index for video cards on hover in CategoryRow to prevent clipping issues.
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/2xHHKQn
|
2025-09-01 20:29:06 +00:00 |
|
sebastjanartic
|
530f4de2e4
|
Remove unnecessary grouping for category rows on the page
Update the 'CategoryRow' component in 'netflix-grid.tsx' to remove the 'group' class from the main div.
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/2xHHKQn
|
2025-09-01 20:27:09 +00:00 |
|
sebastjanartic
|
7ddc096f0c
|
Improve video card interactions with subtle hover animations and effects
Update netflix-grid.tsx to refine video card scaling and shadow effects on hover, enhancing user interaction.
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/2xHHKQn
|
2025-09-01 20:26:20 +00:00 |
|
sebastjanartic
|
1504911fab
|
Adjust video grid to show fewer videos and use smaller navigation arrows
Modify the video grid component to display only four videos per row and revert to the previous circular navigation arrows.
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/2xHHKQn
|
2025-09-01 20:22:48 +00:00 |
|
sebastjanartic
|
56dab34290
|
Enhance visual appearance of video category rows with stronger gradients
Update client/src/components/netflix-grid.tsx to apply stronger left and right gradient masks to category rows for improved visual depth.
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/2xHHKQn
|
2025-09-01 20:19:48 +00:00 |
|
sebastjanartic
|
79d6459a61
|
Improve visual cues for scrolling through video categories
Adjust gradient fade widths and opacity in the netflix-grid component to provide clearer visual indicators for scrollable 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/2xHHKQn
|
2025-09-01 20:17:53 +00:00 |
|
sebastjanartic
|
82751343f2
|
Adjust video card width to fit within display boundaries
Reduce the width of video cards in the Netflix grid component from 340px to 300px in `client/src/components/netflix-grid.tsx`.
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/2xHHKQn
|
2025-09-01 20:17:21 +00:00 |
|
sebastjanartic
|
7ef65fb5a8
|
Improve video card scrolling by fading the track behind arrows
Add gradient fade effects to the left and right edges of the video category rows to create a visual separation between the scrolling content and the navigation arrows.
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/2xHHKQn
|
2025-09-01 20:14:11 +00:00 |
|
sebastjanartic
|
1e83a546b2
|
Improve video grid layout by adjusting spacing and positioning
Adjusted left and right padding for category titles and scrollable video rows to achieve full edge-to-edge display in the `netflix-grid.tsx` component, enhancing visual presentation.
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/2xHHKQn
|
2025-09-01 20:12:13 +00:00 |
|
sebastjanartic
|
7c2a66a2c1
|
Update carousel scroll buttons to improve browsing experience
Adjusted styling for carousel navigation buttons to match the ZDF-like aesthetic, enhancing visual appeal and user interaction.
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/2xHHKQn
|
2025-09-01 20:09:09 +00:00 |
|
sebastjanartic
|
1db0110cba
|
Adjust video card width for improved display
Increase the width of individual video cards in the Netflix grid component from 320px to 340px by modifying client/src/components/netflix-grid.tsx.
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/2xHHKQn
|
2025-09-01 20:08:18 +00:00 |
|
sebastjanartic
|
5d6e3464b0
|
Improve layout by making video cards larger and adjusting scroll buttons
Update netflix-grid.tsx to increase the width of video cards and resize navigation icons for scroll buttons.
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/2xHHKQn
|
2025-09-01 20:07:27 +00:00 |
|
sebastjanartic
|
a51e45e7bc
|
Improve video card display size for better visibility
Update netflix-grid.tsx to increase the width of video cards from 180px to 280px, enhancing visual presentation.
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/2xHHKQn
|
2025-09-01 20:05:05 +00:00 |
|
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
|
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
|
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
|
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
|
261472641d
|
Restored to '4297267681097f3ff53d34610ef0e8e98baf8e0e'
Replit-Restored-To: 4297267681
|
2025-09-01 17:47:21 +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
|
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
|
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
|
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 |
|
sebastjanartic
|
41aeda1539
|
Adjust video card widths and container sizes for better display
Update card width from 240px to 220px and max container width from 980px to 920px in netflix-grid.tsx and home.tsx to address overly wide and long 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 15:42:51 +00:00 |
|
sebastjanartic
|
273a721d65
|
Adjust content width to improve layout consistency across pages
Update max-width values in CategoryRow and Home components from 1000px to 980px to ensure consistent horizontal spacing and prevent content overflow on certain screen sizes.
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:41:03 +00:00 |
|