2929 --docusaurus-highlighted-code-line-bg : rgba (0 , 0 , 0 , 0.3 );
3030}
3131
32+ /* Fix for white space issue - ensure full height layout */
33+ html , body {
34+ height : 100% ;
35+ min-height : 100vh ;
36+ margin : 0 ;
37+ padding : 0 ;
38+ }
39+
40+ /* Ensure the main wrapper takes full height */
41+ # __docusaurus {
42+ min-height : 100vh ;
43+ display : flex;
44+ flex-direction : column;
45+ }
46+
47+ /* Make the main content area expand to fill available space */
48+ .main-wrapper ,
49+ main [role = "main" ],
50+ .theme-doc-markdown {
51+ flex : 1 ;
52+ min-height : calc (100vh - var (--ifm-navbar-height , 60px ));
53+ }
54+
55+ /* Ensure the container and content areas have proper background */
56+ .container ,
57+ .row ,
58+ .col {
59+ background-color : inherit;
60+ }
61+
62+ /* Ensure consistent background for the entire page */
63+ html {
64+ background-color : var (--ifm-background-color , # ffffff );
65+ }
66+
67+ [data-theme = 'dark' ] html {
68+ background-color : var (--ifm-background-color , # 1b1b1d );
69+ }
70+
71+ /* Prevent white space on overscroll */
72+ body {
73+ overscroll-behavior : none;
74+ background-color : var (--ifm-background-color , # ffffff );
75+ }
76+
77+ [data-theme = 'dark' ] body {
78+ background-color : var (--ifm-background-color , # 1b1b1d );
79+ }
80+
81+ /* Ensure the page wrapper extends full height */
82+ .theme-doc-wrapper ,
83+ .docs-wrapper {
84+ min-height : 100vh ;
85+ background-color : inherit;
86+ }
87+
3288[data-theme = "dark" ] .navbar {
3389 background-color : rgba (34 , 31 , 29 , 0.9 );
3490}
61117}
62118[data-theme = 'dark' ] .footer {
63119 background-color : rgba (34 , 31 , 29 , 0.9 );
64-
65120}
0 commit comments