sebastjanartic
91885b4505
Standardize pagination button styles across multiple pages
...
Update pagination button classes in FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, and VideoPage to include consistent styling for height, padding, and flex alignment, ensuring a uniform look and feel for navigation 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 22:06:20 +00:00
sebastjanartic
6781c400fa
Improve navigation button size and position for video playback
...
Adjusted the CSS classNames for the previous and next video navigation buttons on the VideoPage component. Specifically, changed `left-1` to `left-2` and `right-1` to `right-2` for positioning, and updated the `w-10 h-10` for size. Also added console logs to aid in debugging video filtering.
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 22:03:08 +00:00
sebastjanartic
ccc10bb5a7
Improve video recommendations by refining category filtering
...
Update VideoPage component to correctly filter videos related to "Geschichte des Liedes" by simplifying the conditional logic and adding console logs for debugging.
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 22:00:52 +00:00
sebastjanartic
23b20d5105
Improve video navigation by adding touch swipe functionality
...
Add console logs to the VideoPage component to aid in debugging touch swipe gesture recognition and video navigation logic.
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:59:13 +00:00
sebastjanartic
5b26f41fa7
Improve video navigation between related content within categories
...
Refine video navigation logic in VideoPage.tsx to filter videos by category (Gipfelstammtisch, Geschichte des Liedes, FOLX STADL) ensuring correct swipe functionality and preventing navigation to unrelated 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/DyHCx4q
2025-09-01 21:58:03 +00:00
sebastjanartic
d0a19317f0
Add touch start logging for video pages
...
Add console logs to `GeschichteLiedPage` and `GipfelstammtischPage` to capture touch start events and video/page counts for debugging.
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:55:29 +00:00
sebastjanartic
4eda77216d
Improve touch gesture navigation for video playback
...
Remove console logs related to touch event handling and swipe gestures in various page components (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage).
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:54:08 +00:00
sebastjanartic
ef2f7180bd
Improve touch event handling for smoother page navigation
...
Add e.preventDefault() to touchmove event handlers in FolxStadlPage, GeschichteLiedPage, and GipfelstammtischPage to prevent default scrolling behavior during touch interactions.
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:52:36 +00:00
sebastjanartic
591737c07b
Improve swipe gesture sensitivity for page navigation
...
Adjust swipe detection thresholds in multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage) from 50 to 30 pixels to enhance responsiveness.
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:51:43 +00:00
sebastjanartic
b5c4626340
Add logging to enhance swipe gesture debugging for video pages
...
Add console logs to `GeschichteLiedPage.tsx` and `GipfelstammtischPage.tsx` to aid in debugging swipe gestures and page navigation.
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:50:38 +00:00
sebastjanartic
f649eee8d2
Remove unnecessary console logs from multiple page components
...
Remove console.log statements from FolxStadlPage, GeschichteLiedPage, and GipfelstammtischPage components.
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:49:29 +00:00
sebastjanartic
57339147fc
Enable intuitive swipe navigation for an improved mobile viewing experience
...
Adds touch event handlers to `FolxStadlPage`, `GeschichteLiedPage`, and `GipfelstammtischPage` components to implement left and right swipe gestures for page navigation.
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:48:33 +00:00
sebastjanartic
72414f8dc9
Enable swipe gestures for video navigation on two pages
...
Adds touch event handlers for swipe navigation to the GeschichteLiedPage and GipfelstammtischPage components, enabling users to swipe left/right to change pages. Includes state management for touch start and end points and logic to handle swipe distance and page transitions.
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:46:47 +00:00
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
2496d3476b
Improve alignment for support links on multiple pages
...
Remove unnecessary left padding from support link divs in FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, and Home components.
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:41:49 +00:00
sebastjanartic
9150630330
Organize website support links into two distinct rows
...
Restructure the display of support links on multiple pages by grouping them into two rows for improved visual layout and readability.
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:40:51 +00:00
sebastjanartic
298e164a71
Update spacing for support links across multiple pages
...
Adjusted the gap between support links (Hilfe & FAQ, Kontakt) in the following components: FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, and Home. Changed from gap-2 to gap-4 to increase horizontal spacing for better readability.
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:39:38 +00:00
sebastjanartic
3fb118a212
Update navigation links to include new video content sections
...
Update the home page navigation to include links for "DIE GESCHICHTE DES LIEDES" and "GIPFELSTAMMTISCH" by replacing the placeholder "GDL Video" and "Live Streams" links.
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:38:26 +00:00
sebastjanartic
17840c26f7
Adjust spacing for support links on various pages to align properly
...
Add `pl-4` class to the support links div in FolxStadlPage.tsx, GeschichteLiedPage.tsx, GipfelstammtischPage.tsx, and home.tsx to improve horizontal alignment.
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:36:15 +00:00
sebastjanartic
02608b9c7e
Improve layout of support links across multiple pages
...
Removes flex-wrap from support link divs in FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, and home to ensure links stay on a single line.
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 21:34:55 +00:00
sebastjanartic
af7be9769b
Update navigation links to use vertical bars as separators
...
Replace bullet point separators with vertical bars in navigation links across multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, Home) in the client-side React application.
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 21:33:37 +00:00
sebastjanartic
8c563735eb
Update support links to display horizontally with separators
...
Refactors the display of support links across multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, home) from a vertical list to a horizontal, wrapped layout with bullet point separators.
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 21:32:13 +00:00
sebastjanartic
0b21eaff4c
Improve layout alignment for navigation and support sections
...
Adds a `pt-2` div to vertically align navigation and support sections across multiple pages, addressing layout inconsistencies.
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 21:30:06 +00:00
sebastjanartic
ed498396b0
Add categories to website footer and adjust layout
...
Updated footer layout to include a new 'Kategorien' section with links and expanded grid columns from 3 to 4 on medium/large screens across multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, and home.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 21:28:21 +00:00
sebastjanartic
aecafe9f85
Remove unused categories section from multiple pages
...
Removes the static "Kategorien" section and adjusts grid columns in the footer component of FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, and home.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 21:27:09 +00:00
sebastjanartic
3728fc4948
Remove Austrian video platform description from multiple pages
...
Remove the descriptive text about the Austrian video platform from the FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, and home pages.
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 21:26:01 +00:00
sebastjanartic
911acaa2a7
Adjust layout to display footer content horizontally on smaller screens
...
Modify grid columns in footer component to enable two-column layout on medium screens and four columns on larger screens.
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 21:24:33 +00:00
sebastjanartic
d3e69ff709
Add a consistent footer with navigation and company information to all pages
...
Add a shared footer component to the FolxStadlPage, GeschichteLiedPage, and GipfelstammtischPage components.
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 21:22:19 +00:00
sebastjanartic
15c455ccd3
Add new pages and navigation links to the website menu
...
Adds "FOLX STADL", "DIE GESCHICHTE DES LIEDES", and "GIPFELSTAMMTISCH" pages to the navigation menu with hover effects, updating client/src/pages/not-found.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 21:17:19 +00:00
sebastjanartic
3d8ed65c92
Enhance mobile menu with new sub-pages and improved layout
...
Update mobile navigation in multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, VideoPage, home.tsx) to include new sub-pages and refine the visual presentation. The changes introduce a "Navigation" section with categorized links and improved styling for better usability on mobile devices.
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 21:16:20 +00:00
sebastjanartic
812175305f
Update pagination buttons to use a new gradient style
...
Refactor pagination button styles across multiple pages to utilize a new `gradient-primary` class for a consistent, visually appealing design.
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 21:12:18 +00:00
sebastjanartic
da1cfb8145
Improve spacing on various pages for better content presentation
...
Update the container padding on FolxStadlPage, GeschichteLiedPage, and GipfelstammtischPage to use pt-8 pb-8 instead of py-8.
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 21:09:31 +00:00
sebastjanartic
01ca219744
Adjust spacing between the header and the first content section
...
Update `client/src/pages/home.tsx` to increase the top padding of the main element from 0 to 8 units, creating more vertical space between the header and the content grid.
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 21:08:27 +00:00
sebastjanartic
4317d57528
Improve search bar appearance and functionality across the platform
...
Update the CSS class for search input elements in multiple pages to increase width from w-48 to w-56, enhancing visual appeal.
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 21:06:03 +00:00
sebastjanartic
9010f627cf
Add Gipfelstammtisch link to navigation for consistent site structure
...
Update client/src/pages/GeschichteLiedPage.tsx to include a new link to "/gipfelstammtisch" in both desktop and mobile navigation, ensuring header consistency across pages.
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 21:04:16 +00:00
sebastjanartic
6f92900220
Shrink the website logo size in the header slightly
...
Adjusted logo dimensions from w-12 to w-10 and text size from text-3xl to text-2xl across multiple page components (FolxStadlPage.tsx, GeschichteLiedPage.tsx, GipfelstammtischPage.tsx, VideoPage.tsx, home.tsx) to reduce the overall logo footprint in the header.
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 21:01:46 +00:00
sebastjanartic
c63c570969
Adjust page layout for consistency across the platform
...
Modify container padding and remove redundant elements in GipfelstammtischPage and GeschichteLiedPage to match the styling of other pages.
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:59:36 +00:00
sebastjanartic
a9d0df44ad
Add a new page for Gipfelstammtisch videos
...
Introduce a new route and page component for "Gipfelstammtisch" content, and add navigation links to access it from various parts of the application.
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:57:18 +00:00
sebastjanartic
b838329174
Improve video display and pagination on the history page
...
Refactor the `GeschichteLiedPage` component to display videos with descriptions and update pagination logic for 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/2xHHKQn
2025-09-01 20:53:21 +00:00
sebastjanartic
1ef55beaa5
Update header styles and navigation links across multiple pages
...
Applies consistent header styling and navigation links to VideoPage and FolxStadlPage, including larger logo, updated spacing, and hover effects for navigation items.
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:51:07 +00:00
sebastjanartic
49fe3c5f89
Adjust text size for better menu readability on home page
...
Modify the CSS class for the 'DIE GESCHICHTE DES LIEDES' link in client/src/pages/home.tsx to adjust text size and ensure proportional menu alignment.
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:48:59 +00:00
sebastjanartic
7506ca41e5
Add a new section for "Die Geschichte des Liedes" videos
...
Integrates a new route and page for "Die Geschichte des Liedes" videos, including filtering, pagination, and navigation links on the homepage and within the app's routing.
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:47:18 +00:00
sebastjanartic
1d1c76652e
Add gradient underline animation on hover for navigation links
...
Update the Home page component to include a new span element for each Link. This span is styled to create a gradient underline that animates to full width on hover, utilizing Tailwind CSS classes and React.js state management for transitions.
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:42:45 +00:00
sebastjanartic
5cba0b1c97
Slightly increase the size of the platform's logo and title
...
Increase the size of the logo and the main title of the homepage from `w-10 h-10` to `w-12 h-12` and the text size from `text-2xl` to `text-3xl` in `client/src/pages/home.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:41:16 +00:00
sebastjanartic
df758c8d0b
Improve spacing and padding around the application logo
...
Adjusted padding top and bottom for the logo link component in the home page from 2 to 4 (py-2 to py-4).
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:40:35 +00:00
sebastjanartic
b651c00f19
Improve logo spacing and add padding for better visual alignment
...
Add padding to the logo link element in the home page to adjust 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/2xHHKQn
2025-09-01 20:39:52 +00:00
sebastjanartic
83884162f4
Adjust spacing around the site logo for better visual appeal
...
Increase padding (py-4 to py-6) in the header container of the home page to provide more vertical space around the logo.
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:38:54 +00:00
sebastjanartic
b9e44a6af7
Increase the size and spacing of the platform logo
...
Update the home page component to increase the size of the logo element and adjust related spacing for improved visual prominence.
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:37:38 +00:00
sebastjanartic
47e58faf8f
Update search bar to use English and adjust its size
...
Update placeholder text in the search input to "Search..." and reduce the width of the search input component from w-64 to w-48.
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:36:20 +00:00
sebastjanartic
085144675d
Improve homepage layout and container styling
...
Refactor `Home` component to use a container class for consistent padding and max-width, replacing fixed px-8 and max-w-none.
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:35:02 +00:00
sebastjanartic
7518622009
Expand the header width to use more screen space
...
Update the container class in the home page header to allow for a full-width display.
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:34:12 +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
08388dd262
Add a comprehensive footer with company information and navigation links
...
Includes company info, navigation, categories, support links, and copyright notice in the footer component.
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:25:32 +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
92779c5828
Increase website layout width to display more video content
...
Update the max-width of the main content container in index.css from 1300px to 1400px to allow for a wider display of video cards.
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:03:17 +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
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
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
sebastjanartic
7f19a13d73
Improve spacing and scrolling in video category rows
...
Adjust horizontal spacing for video cards and update scrolling logic in the CategoryRow component to use a new gap value (16px instead of 12px), affecting the scroll amount calculation.
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:31:03 +00:00
sebastjanartic
6abaaca81d
Adjust video grid spacing for better visual alignment
...
Update the scroll amount in the Netflix grid component to scroll by 4 cards with adjusted card width (240px + 12px gap), improving visual 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/fyyFszO
2025-09-01 15:29:44 +00:00
sebastjanartic
8ff6ddf080
Adjust content width for better visual presentation on various screens
...
Update maxWidth from '1100px' to '1000px' in netflix-grid.tsx and home.tsx to improve layout consistency.
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:27:44 +00:00
sebastjanartic
2946c68537
Adjust width of video cards in category rows
...
Reduce the width of video cards in NetflixGrid component from 260px to 240px.
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:26:31 +00:00
sebastjanartic
1839100f6d
Adjust video card display and container width for better content visibility
...
Updates the maximum width of the main content container and the width of individual video cards in the Netflix grid component to improve layout and display of multiple items.
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:25:58 +00:00
sebastjanartic
7969211351
Improve video grid navigation and display for better user experience
...
Update the Netflix grid component to display videos in groups of four with updated card widths, container max-width, and implemented click-based scrolling for navigation arrows.
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:25:30 +00:00
sebastjanartic
31b0f41dee
Adjust video card size to display fewer items per row
...
Update the CSS class in `netflix-grid.tsx` to change the width of video cards, adjusting the display of items within category rows.
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:24:02 +00:00
sebastjanartic
dc62c6ccb1
Improve video grid layout and spacing for better viewing
...
Adjust max-width of category rows and individual video card widths within the Netflix grid component to accommodate more content per row. Update home page header padding for consistency.
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:22:58 +00:00
sebastjanartic
76d0882c39
Remove test text from video platform title
...
Remove the test string "TEST SPREMEMBA" from the home page title in client/src/pages/home.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 15:18:27 +00:00
sebastjanartic
3e17c7ec14
Update the platform title to include test changes
...
Update the title on the home page to include the text "TEST SPREMEMBA".
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:16:55 +00:00
sebastjanartic
96ae4a3fc6
Improve layout and remove test text from video grid
...
Adjust max-width of category rows and remove placeholder text from category titles.
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/7xJ1fA0
2025-09-01 15:12:48 +00:00
sebastjanartic
8829c3464b
Update category titles to include a test prefix
...
Add "TEST SPREMEMBA - " prefix to category titles in the netflix-grid component.
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/7xJ1fA0
2025-09-01 15:08:33 +00:00
sebastjanartic
39f8c6c927
Improve video grid layout with adjusted maximum width and red background
...
Adjusted `netflix-grid.tsx` to set `maxWidth` to '800px' and added a semi-transparent red background to the scrollable 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/7xJ1fA0
2025-09-01 15:07:53 +00:00
sebastjanartic
31ea54c1d5
Improve video grid layout for better content visibility
...
Update the `CategoryRow` component in `netflix-grid.tsx` to adjust the maximum width and centering of the video grid, and modify the width of individual video items for improved 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/7xJ1fA0
2025-09-01 15:06:55 +00:00
sebastjanartic
548098feaa
Adjust layout to improve video grid display and scrolling
...
Modify the container div in `netflix-grid.tsx` to remove max-width and adjust the scrollable row's padding and max-width for better edge-to-edge 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/7xJ1fA0
2025-09-01 15:06:02 +00:00
sebastjanartic
3d28babfbe
Update video grid navigation to use circular buttons
...
Refactor the navigation arrows in the `netflix-grid.tsx` component to use circular buttons with improved styling and functionality.
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/srjpoes
2025-09-01 15:04:29 +00:00
sebastjanartic
6c96096968
Improve video grid layout and navigation with track-style arrows
...
Adjusted netflix-grid.tsx: Modified container classes for `CategoryRow` to ensure videos do not overflow horizontally (`max-w-6xl mx-auto` and `px-4`). Changed navigation arrows to a gradient track style positioned at the edges of the container, replacing circular buttons. Updated video card widths for various screen sizes to `w-280px` to `w-340px`.
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/srjpoes
2025-09-01 15:03:43 +00:00
sebastjanartic
fb6c395d85
Improve video grid layout and spacing for better visual appeal
...
Adjusted CSS classes in `netflix-grid.tsx` to increase gap between videos and update video card widths for various 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/srjpoes
2025-09-01 15:02:21 +00:00
sebastjanartic
8148df4888
Adjust video grid spacing and sizing for improved visual presentation
...
Update client/src/components/netflix-grid.tsx to modify the flex gap from 3 to 2 and adjust the width of video elements across different 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/srjpoes
2025-09-01 15:01:49 +00:00
sebastjanartic
1caa063eed
Update UI text to German for specific categories
...
Translate category titles "Najbolj gledano" to "Meistgesehen" and "Priljubljeno zdaj" to "Beliebt jetzt" within the NetflixGrid component and adjust conditional rendering logic for the "Top 10" overlay.
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/M6U47Dp
2025-09-01 15:00:14 +00:00
sebastjanartic
84cde4e194
Adjust layout to improve content visibility on the homepage
...
Update horizontal scrolling and padding in the category row component, and adjust homepage container padding for better content 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/M6U47Dp
2025-09-01 14:57:12 +00:00
sebastjanartic
4be4039707
Limit content width on larger screens for better viewing
...
Update `max-width` CSS classes in `netflix-grid.tsx` and `home.tsx` to enforce a maximum width of 6 "xl" units, improving layout on large monitors.
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/0CzYEcy
2025-09-01 14:49:20 +00:00
sebastjanartic
7111366f08
Improve video browsing experience with responsive scrolling and layout adjustments
...
Update UI elements for better navigation and content display, including responsive scrolling in category rows, adjusted margins, and optimized video card widths for various screen sizes. Also enhances the overall layout with wider containers for improved viewing.
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/0CzYEcy
2025-09-01 14:48:03 +00:00
sebastjanartic
0c1d1e7053
Improve video carousel navigation by enabling smooth scrolling on hover
...
Update client/src/components/netflix-grid.tsx to trigger smooth scrolling of video categories when hovering over navigation arrows.
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/0CzYEcy
2025-09-01 14:45:24 +00:00
sebastjanartic
0956bbba7d
Improve video browsing by allowing users to scroll four videos at a time
...
Update the `CategoryRow` component in `netflix-grid.tsx` to adjust the scroll amount for video navigation buttons. The scroll amount is now calculated to move exactly four cards at a time (312px per card), ensuring a consistent browsing experience. Additionally, navigation arrows are now explicitly styled and positioned for better usability.
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/0CzYEcy
2025-09-01 14:44:58 +00:00
sebastjanartic
6e8e6d7167
Limit displayed video cards and adjust layout for desktop view
...
Update client/src/components/netflix-grid.tsx and client/src/pages/home.tsx to adjust the display of video cards and container widths for a better desktop experience.
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/0CzYEcy
2025-09-01 14:41:47 +00:00
sebastjanartic
52b2846821
Add navigation arrows to all video rows for easier browsing
...
Update client/src/components/netflix-grid.tsx to ensure navigation arrows are always visible on video rows, removing conditional rendering based on hideScrollButtons prop.
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/0CzYEcy
2025-09-01 13:30:56 +00:00
sebastjanartic
c0f16f92e4
Improve the visual design of video row navigation buttons
...
Update the styling and positioning of the navigation arrows for video rows, making them smaller and more visually subtle.
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/0CzYEcy
2025-09-01 13:29:45 +00:00
sebastjanartic
a1ef7eb7e4
Improve row navigation by adding visual cues for scrolling
...
Modify the `CategoryRow` component in `netflix-grid.tsx` to display a semi-transparent red background on navigation arrows, indicating their presence and potential functionality.
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/0CzYEcy
2025-09-01 13:20:22 +00:00
sebastjanartic
8bd0640ed9
Adjust video row display and add navigation arrows for desktop
...
Removes right scroll button from NetflixGrid component, adjusts video widths, and adds navigation arrows to the end of each row for desktop view, improving user experience and navigation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:18:00 +00:00
sebastjanartic
0932300f25
Improve scrolling experience for video category rows
...
Adjust the right scroll button's appearance and size in the `CategoryRow` component, making it larger and more prominent for desktop users.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:16:34 +00:00
