Skip to content

Commit 65c3d15

Browse files
committed
fix: adjust slide container padding to prevent content cutoff at top
1 parent b93b8bf commit 65c3d15

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

src/styles/main.css

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,19 +18,20 @@
1818

1919
@layer components {
2020
.slide-container {
21-
@apply min-h-screen p-8 transition-all duration-500 ease-in-out relative
21+
@apply min-h-screen transition-all duration-500 ease-in-out relative
2222
md:min-h-screen
23-
sm:p-4
24-
overflow-y-scroll /* Changed from auto to scroll to ensure scrolling is always available */
23+
overflow-y-scroll
2524
flex flex-col
26-
h-screen; /* Added fixed height to ensure scrolling works */
25+
pt-16 pb-8 px-8 /* Adjusted padding to ensure content is visible */
26+
sm:pt-12 sm:pb-6 sm:px-4; /* Responsive padding for mobile */
2727
}
2828

2929
.slide-content {
3030
@apply max-w-6xl mx-auto bg-white rounded-xl shadow-lg p-8
3131
sm:p-4
3232
w-full
33-
overflow-y-visible; /* Allow content to overflow for scrolling */
33+
overflow-y-visible
34+
mt-4; /* Added margin top to prevent content from being cut off */
3435
}
3536

3637
/* Rest of the CSS remains unchanged */

0 commit comments

Comments
 (0)