File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 77 < style >
88 : root {
99 /* Tweak these to taste */
10- --frame : 32px ; /* consistent border around banner + report */
11- --banner-height : 150px ; /* banner height (smaller = less vertical space) */
10+ --frame : 32px ; /* border around the report */
1211 --buffer-bottom : 0px ; /* space below the report */
1312 --bg : # 1f2c44 ; /* page background (frame color) */
1413
3938 background : var (--bg );
4039 }
4140
42- /* Banner header: framed 32px on top and sides, height-capped, centered */
43- .site-header {
44- flex : 0 0 auto;
45- line-height : 0 ;
46- padding : var (--frame ) var (--frame ) 0 ;
47- text-align : center;
48- }
49-
50- .site-header img {
51- display : inline-block;
52- height : var (--banner-height );
53- width : auto;
54- max-width : 100% ;
55- border-radius : 8px ;
56- }
57-
5841 /*
59- Report area: fills the remaining height and scrolls vertically.
42+ Report area: fills the height and scrolls vertically.
6043 The iframe spans the full width; its height follows the canvas
6144 aspect ratio, so the report is "fit to width" and any overflow
6245 scrolls instead of being squeezed to fit on screen.
8063 </ style >
8164</ head >
8265< body >
83- < header class ="site-header ">
84- < img src ="twt-banner.png " alt ="Texas Water Trends Dashboard " />
85- </ header >
8666 < div class ="report-container ">
8767 < iframe
8868 title ="Texas Water Trends "
You can’t perform that action at this time.
0 commit comments